要使用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

$('.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

Answer 2

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

或者，如果你需要的所有跨在一个特定的DIV，该span:

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

易peasy :)