突出显示javascript中的匹配文本

时间:2013-01-25 01:12:08

标签: javascript

  

可能重复:
  Highlight text range using JavaScript
  Find text string in jQuery and make it bold

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

  • /卷/ 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');

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

1 个答案:

答案 0 :(得分:9)

http://jsfiddle.net/Aku4y/

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