在网页上高亮显示文本

Question

我有一个页面，需要突出显示一些注释。

服务返回的注释：“高尔夫”、“板球”、“冰球”

内容：Peter likes to play Golf, Cricket and < b >Ice < /b > Hockey

所以我使用了这个jsfiddle的脚本

$('p').highlight(['Golf','Cricket','Ice Hockey']);

这很好，直到在中间遇到另一个子标记()。高尔夫和板球将突出显示，但冰球将不会突出显示。有没有一种方法可以让冰球也被高亮显示，忽略html标签？

Answer 1

http://jsfiddle.net/Q8WS5/560/

问题是，jQuery为<p>调用了三次库，直到<strong>调用一次，以粗体表示，最后再调用一次。

所以那个库必须去，你必须重写另一个库。您将需要使用不带html的返回文本的.text()。

$('span').text().indexOf("Ice Hockey"));

Answer 2

试试其他的方法..。

<p>Peter likes to play Golf, Cricket and <b>Ice </b> Hockey <p>

javascript

$('p').highlight(['Golf','Cricket','Ice','Hockey']);

这能接受吗..。

DEMO