突出显示网页上的文本

时间:2016-01-07 10:23:53

标签: javascript highlight

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

服务退回的注释:“高尔夫”,“板球”,“冰上曲棍球”

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

所以我使用了这个jsfiddle

中的脚本
$('p').highlight(['Golf','Cricket','Ice Hockey']);

这可以正常工作,直到在其间遇到另一个子标记()。高尔夫和板球将突出显示,但冰球将不会突出显示。有没有办法可以让冰上曲棍球突然忽略html标签?

2 个答案:

答案 0 :(得分:0)

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

问题是jQuery正在为<p>调用库一次,直到<strong>一次,对于粗体字,再次为结束。

所以图书馆必须去,你必须重写另一个。 你需要使用.text()来返回没有html的文本。

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

答案 1 :(得分:0)

尝试替代方式..

<强> HTML

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

<强>的javascript

{{1}}

这是否可以接受..

this link