Javascript 突出显示网页上的文本

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

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

内容： 彼得喜欢打高尔夫球、板球和冰上曲棍球

所以我用了这个脚本

在中间遇到另一个子标记（）之前，这种方法可以正常工作。高尔夫和板球将突出显示，但冰球将不会突出显示。有没有一种方法可以使冰球在忽略html标记的情况下也突出显示？

问题是jQuery调用库三次，一次调用

，直到

为止，一次调用粗体字，一次调用末尾

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

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

试试别的办法

HTML

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

这可以接受吗

---

它在这里工作：你能给我们演示一下吗？如果它不适用于冰球？OP指的是“冰”被封装在B标签（粗体）冰球中。请回答：宾果！！作品谢谢你，扎克！谢谢你的快速回复。所以我用了你共用的小提琴。内容：让我们测试highlight函数

| highlight术语：$（'p'）。highlight（['highlight function']）；|文本“突出显示功能”未能按要求突出显示。任何帮助都将不胜感激。我没有做一把功能齐全的小提琴。只是添加了几个console.log来告诉你为什么它不起作用。查看我对您的问题的评论，其中有一个指向更多答案的SO链接。jsfiddle.net/UPs3V运行良好，尽管看起来它只突出了第一个实例。查看代码并尝试迭代。否则它会按照我想要的方式工作。事实上不会。我们会把“冰球”这个词放在一起，否则脚本也会开始突出显示所有冰球和曲棍球的出现。

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

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