javascript 在javascript中突出显示匹配的文本

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/14513776/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 21:49:36  来源:igfitidea点击:

Highlight matching text in javascript

javascript

提问by David542

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

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

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

  • /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:

我将如何突出显示页面上特定文本的所有匹配项。例如,如果"04"是我正在寻找的,它会做这样的事情:

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

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

这是可能离谱的伪代码,但这正是我想要做的。

回答by Edmund Moshammer

http://jsfiddle.net/Aku4y/

http://jsfiddle.net/Aku4y/

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