javascript - 在一段文本中查找单词

Question

我有一个 <p>标签，在标签内，有一段文字。

<p>"Hello Lorem ipsum Hello dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex Hello ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecatHello  cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Hello.</p>

在<p>内标签，有一大块文字。在文本中，有几个“你好”。我想遍历 <p> 中的整段文本标记并找到所有“Hello”字符串，并将找到的那些“Hello”字符串用 html 标记包装起来。

有没有办法，通过 jQuery 的选择器，我可以遍历 <p> 中的所有文本？标签，找到所有恰好是“Hello”的单词，用<strong class="test">包裹单词标签？

Answer 1

它会将文本中的所有单词“Hello”包裹起来:

$("p").html(function(index, value) {
    return value.replace(/\b(Hello)\b/g, '<strong class="test">$1</strong>');
});​

如果您需要在 replace 方法的正则表达式中包裹 text“Hello”，请使用相同的内容而不同时包含 \b。

演示: http://jsfiddle.net/EGtBy/