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 ”字符串，并将那些用 html 标签找到的“ Hello ”字符串包装起来。

有没有一种方法，通过 jQuery 的选择器，我可以遍历<p>标签中的所有文本，找到所有完全是“你好”的词，用<strong class="test">标签包装这个词？

Answer 1

它将包含文本中的所有单词“Hello”：

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

如果您需要包装文本“Hello” ，请在方法\b的正则表达式中使用相同的replace方法，而不使用两者。

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

Answer 2

您可以使用 jquery 对象的text()函数将段落作为字符串获取。您可以根据需要修改该字符串，然后使用html()函数替换该段落。