突出显示javascript中的匹配文本

Dav*_*542 3 javascript

可能重复:
使用JavaScript突出显示文本范围
在jQuery中查找文本字符串并使其变为粗体

假设我有一堆文件路径,类似于:

  • /卷/ A //阵列/ 05_SCRIPTS /分期/树/ 04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube /积压/存档/ LawAndOrder_S20

  • /卷/ A // AArray/05_SCRIPTS /分期/树/ 04_OUTPUTS/MPEG_FF_PS_wCropping/01_NBC_Youtube /积压/存档/ LawAndOrder_S20/nbcnetwork-PDS-E8818-US-插入 - 20121020

如何突出显示页面上特定文本的所有匹配项.例如,如果"04"我正在寻找,它会做如下:

$(source).find('04').addClass('highlight');
Run Code Online (Sandbox Code Playgroud)

这是伪代码,可能不太合适,但这正是我想要做的.

Edm*_*mer 11

http://jsfiddle.net/Aku4y/

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

  • 此答案仅在这种情况下有效。为了获得更好的解决方案,您应该改用`t = t.replace(/ 04 / g,“ &lt;span class ='highlight'&gt; $&&lt;/ span&gt;”);`。这样,它适用于任何文本。 (6认同)