jQuery 根据文本隐藏字符串的一部分

Question

如果您有如下 HTML:

<div class="text">Good Stuff Hide Me</div>
<div class="text">Great Stuff Hide Me</div>
<div class="text">Best Stuff Hide Me</div>

并且想在 div.text 的每个实例中隐藏“Hide Me”，这样就只剩下

好东西
很棒的东西
最好的东西

你会如何使用 jQuery 做到这一点？

此 $("div:contains('Hide Me')").hide(); 隐藏整个字符串。如何隔离要隐藏的文本？

Answer 1

如果您想实际删除文本，请使用:

$('div.text').text(function (i, t) {
    return t.replace(' Hide Me', '');
})

<强> jsFiddle example

要隐藏它，请使用:

$('div.text').html(function (i, t) {
    return t.replace('Hide Me', '<span class="hidden">Hide Me</span>');
})

使用 CSS .hidden {
显示:无；
}

<强> jsFiddle example