Javascript 如何使用jQuery查找特定文本并设置其样式

Javascript 如何使用jQuery查找特定文本并设置其样式,javascript,jquery,Javascript,Jquery,我糊涂了,我需要你的帮助怎么办?如果 <pre>Lorem Ipsum Dolor Sir amet</pre> span { background: yellow; } Lorem Ipsum Dolor amet爵士 我想把“ipsum”文本涂成黄色 运行一个小的replace函数,以编程方式隔离目标单词,在本例中是第二个单词。如果您总是知道您的目标词,您也可以将其替换为硬编码值 HTML jQuery $('pre').html(function(idx, h

我糊涂了,我需要你的帮助怎么办?如果

<pre>Lorem Ipsum Dolor Sir amet</pre>
span { background: yellow; }
Lorem Ipsum Dolor amet爵士

我想把“ipsum”文本涂成黄色

运行一个小的replace函数,以编程方式隔离目标单词,在本例中是第二个单词。如果您总是知道您的目标词,您也可以将其替换为硬编码值

HTML

jQuery

$('pre').html(function(idx, html){
    return html.replace(/(Ipsum)/, '<span class="highlight">$1</span>')
})
$('pre').html(函数(i,word){
返回单词.replace(/\s(.*?\s/,“$1”);
});

运行一个小的替换函数,以编程方式隔离目标单词,在本例中是第二个单词。如果您总是知道您的目标词,您也可以将其替换为硬编码值

HTML

jQuery

$('pre').html(function(idx, html){
    return html.replace(/(Ipsum)/, '<span class="highlight">$1</span>')
})
$('pre').html(函数(i,word){
返回单词.replace(/\s(.*?\s/,“$1”);
});

尝试创建一个span标记,并
将您的内容包装在其中

$('pre:contains(Ipsum)')。每个(函数(){
$(this.html)(
$(this.html().replace('Ipsum','Ipsum'))
);
});

尝试创建一个span标记,并将您的内容包装在该标记中

$('pre:contains(Ipsum)')。每个(函数(){
$(this.html)(
$(this.html().replace('Ipsum','Ipsum'))
);
});

不能突出显示文本节点,需要将其包装到另一个元素中,如
span
,然后使用它应用突出显示

$('pre').html(函数(idx,html){
返回html.replace(/(Ipsum)/,“$1”)
})

演示:

您不能突出显示文本节点,您需要将其包装到另一个元素中,如
span
,然后使用它应用突出显示

$('pre').html(函数(idx,html){
返回html.replace(/(Ipsum)/,“$1”)
})


演示:

请发布您已经尝试过的代码。可能的重复无法突出显示文本节点,您需要将其包装在另一个元素中,如
span
。我想这可能会对您有所帮助。请发布您已经尝试过的代码。可能的重复无法突出显示文本节点,你需要用另一个元素来包装它,比如
span
还有,我想这可能会对你有所帮助,伙计。@downvoter你能解释一下,为什么会有这样的downvote吗?我把所有三个伟大的答案都投了上去,以抵消这个谜downvoter@downvoter你能解释一下吗,为什么要投反对票?我已经把所有三个伟大的答案都投了赞成票,以抵消这个谜团downvoter@downvoter我错过了什么?我已经把这三个伟大的答案都选了上来,以抵消神秘感downvoter@downvoter我错过了什么?我已经把三个伟大的答案都投了赞成票,以抵消神秘的反对票。如果你投反对票,请举例说明原因。你是巨魔吗?我相信是的。我已经把所有三个伟大的答案都投了赞成票,以抵消神秘的反对票。如果你投反对票,请举例说明原因。你是巨魔吗?我相信是的。我已经把三个伟大的答案都投了高票,以抵消神秘的失望
$('pre:contains(Ipsum )').each(function(){
  $(this).html(
    $(this).html().replace('Ipsum ','<span class="colorClass">  Ipsum  </span>')
  );
});
$('pre').html(function(idx, html){
    return html.replace(/(Ipsum)/, '<span class="highlight">$1</span>')
})