使用javascript jQuery突出显示html中的文本

时间:2009-03-22 20:31:32

标签: javascript jquery

我想以编程方式突出显示p标签中的所有关键字(不区分大小写)

如果关键字是

var keywords = "hello,thanks, goodbye" // this should be an array
<p>hello world</p>

你好应该以蓝色突出显示

2 个答案:

答案 0 :(得分:3)

我认为您正在寻找jQuery highlight插件。

加载后,您可以执行以下操作:

var words = "hello,thanks, goodbye";
var keywords = words.split(',');
for(var x = 0; x < keywords.length; x++) {
    $(selector).highlight($.trim(keywords[x]));
}

selector是您要查找的文档中的哪个元素。如果您希望对整个页面执行此操作,只需添加'body'

答案 1 :(得分:-1)

对于宽松的jQuery高亮插件,您可能需要考虑http://www.frightanic.com/2011/02/27/lenient-jquery-highlight-plugin-javascript/