在一段文字中查找单词

时间:2012-05-27 15:18:09

标签: javascript jquery

我有一个<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>标记内,有一大块文字。在文本中,有一些“ Hello ”。我想遍历<p>标记内的整个文本块,找到所有 Hello ”字符串并包装“ Hello “使用html标记找到的字符串。

有没有办法,通过jQuery的选择器,我可以循环遍历<p>标签内的所有文本,找到所有正好“Hello”的单词,用<strong class="test">包裹单词标记

2 个答案:

答案 0 :(得分:7)

它将在文本中包装所有单词“Hello”:

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

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

DEMO: http://jsfiddle.net/EGtBy/

答案 1 :(得分:0)

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