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的每个实例中隐藏"隐藏我",这样你就可以了

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

你会用jQuery做到这一点？

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

Answer 1

如果要实际删除文本,请使用:

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

jsFiddle例子

要隐藏它,请使用:

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

用CSS .hidden { display:none; }

jsFiddle例子