Highlight matching text in javascript [duplicate]

Question

Possible Duplicate:
Highlight text range using JavaScript
Find text string in jQuery and make it bold

Supposing I have a bunch of file paths, similar to:

/Volumes/A//Array/05_SCRIPTS/staging/tree/04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube/Backlog/Archive/LawAndOrder_S20
/Volumes/A//AArray/05_SCRIPTS/staging/tree/04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube/Backlog/Archive/LawAndOrder_S20/nbcnetwork-pds-E8818-US-insert-20121020

How would I highlight all matches of specific text on the page. For example, if "04" was what I was looking for, it would do something like:

$(source).find('04').addClass('highlight');

This is pseudocode that is probably way off the mark, but this is what I'm looking to do.

This might help stackoverflow.com/questions/9794851/…

elclanrs
– elclanrs

2013-01-25 01:17:18 +00:00
Commented Jan 25, 2013 at 1:17 — elclanrs
– elclanrs, Commented Jan 25, 2013 at 1:17

Edmund Moshammer · Accepted Answer · 2013-01-25 01:20:18Z

15

http://jsfiddle.net/Aku4y/

var t = $(source).html();
t = t.replace(/04/g, "<span class='highlight'>04</span>");
$(source).html(t);

answered Jan 25, 2013 at 1:20

Edmund Moshammer

6889 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JoseHdez_2 Over a year ago

This answer only works for this case; for a better solution you should use t = t.replace(/04/g, "<span class='highlight'>$&</span>"); instead. This way it works for any text.

Collectives™ on Stack Overflow

Highlight matching text in javascript [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related