jquery - : How to highlight certain words with jQuery

Question

我正在寻找一个脚本，可以根据单词的位置突出显示一定数量的单词。例如，对于以下内容我只想突出显示第二个、第三个和第四个单词:

<p>
    Quisque bibendum sem ut lacus. Integer dolor ullamcorper libero.
    Aliquam rhoncus eros at augue. Suspendisse vitae mauris.
</p>

结果应该是这样的:

<p>
    Quisque <span class="highlight">bibendum sem ut</span> lacus. Integer dolor ullamcorper libero.
    Aliquam rhoncus eros at augue. Suspendisse vitae mauris.
</p>

非常感谢!

Answer 1

这个 jQuery 插件就是您正在寻找的:

• jQuery Highlight

它完全按照您的要求执行，遍历 DOM TextNode 并查找要搜索的文本，当找到一个匹配项时，它会创建一个 span 元素。

用法:

$('p').highlight('bibendum sem ut');