在页面上查找某些文本并将其加下划线

Question

如何在网页上找到某些文字并加下划线？

例如，我的页面上有一些文字，我希望找到所有单词hello并将它们加下划线。

我的试用代码是：

$( "body:contains('hello')" ).css( "text-decoration", "underline" );

但是这最终会强调整条线而不仅仅是那个词。

Answer 1

试试这个。

<强> HTML

<p>For example, I have some text on my page and I want to find all the words hello and make them bold.</p>

<强>脚本

$('p').html( $('p').html().replace(/hello/g, '<strong>hello</strong>') )

Fiddle Demo

Answer 2

 $('body').html($('body').html().replace(/hello/g, '<strong>hello</strong>') )

Answer 3

$(function() {
     $('*:contains("hello")').css( "text-decoration", "underline");
});

请查看此代码