使用jQuery查找DOM元素并替换其字符串

Question

我有一个非常复杂的DOM结构， 一个很小的例子或说代码演示，

<div>
<div class="test_data">
    <span>sample 1</span>
    <span>sample 1</span>
    <span>sample 3</span>
    <span>sample 1</span>
    <span>sample 2</span>
</div>
</div> 

现在在上面的例子中，我必须找到所有 标签示例1 ，并希望将其替换为另一个字符串，例如示例 ，我想用jQuery做这个东西。

Answer 1

$("span:contains('sample 1')").text("example");

或者，如果您需要特定div中的所有跨度，请在span:

之前添加

$("#somedivId span:contains('sample 1')").text("example");

容易愚蠢：）

Answer 2

$('.test_data span:contains(sample 1)').html('sample');

crazy demo

但我认为你想要的不仅仅是这个。好吧也许这会对某人有所帮助。

$('.test_data span:contains(sample 1)').html(function(i,html){
     return html.replace('sample 1','sample');
});

这将取代特定的文字。

crazy demo