用jQuery突出显示一个单词

Question

用jQuery突出显示一个单词

我基本上需要在一个文本块中突出一个特定的单词。例如，假设我想突出显示文本中的“dolor”一词：

<p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>
    Quisque bibendum sem ut lacus. Integer dolor ullamcorper libero.
    Aliquam rhoncus eros at augue. Suspendisse vitae mauris.</p>

如何将上述内容转换为以下内容：

<p>
    Lorem ipsum <span class="myClass">dolor</span> sit amet, consectetuer adipiscing elit.</p><p>
    Quisque bibendum sem ut lacus. Integer <span class="myClass">dolor</span> ullamcorper
    libero. Aliquam rhoncus eros at augue. Suspendisse vitae mauris.</p>

用jQuery可以做到这一点吗？

编辑*AS塞巴斯蒂安 指出在没有jQuery的情况下，这是很有可能的-但我本来希望有一种特殊的jQuery方法，可以让您对文本本身执行选择器。我已经在这个站点上大量使用jQuery了，所以把所有东西都用jQuery包起来可能会让事情变得更整洁一些。

Answer 1

function&nbsp;hiliter(word,&nbsp;element)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;rgxp&nbsp;=&nbsp;new&nbsp;RegExp(word,&nbsp;'g'); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;repl&nbsp;=&nbsp;'<span&nbsp;class="myClass">'&nbsp;+&nbsp;word&nbsp;+&nbsp;'</span>'; &nbsp;&nbsp;&nbsp;&nbsp;element.innerHTML&nbsp;=&nbsp;element.innerHTML.replace(rgxp,&nbsp;repl);}hiliter('dolor');