Jquery：查找文本并替换

Question

<div id="id1"> 
<p> 
    apple 
</p> 
<p> 
    ball 
</p> 
<p> 
    cat 
</p> 
<p> 
    dogsss 
</p> 
</div> 

如何使用jquery将dogsss更改为dollsss？

Answer 1

您可以尝试

$('#id1 p').each(function() { 
    var text = $(this).text(); 
    $(this).text(text.replace('dog', 'doll')); 
}); 

http://jsfiddle.net/2EvGF/

你可以使用，而不是.html()和/或进一步阅历的.replace()呼叫根据您的需要

Answer 2

$("#id1 p:contains('dog')").html("doll"); 

这样做。

http://jsfiddle.net/pgDFQ/

Answer 3

$('p:contains("dogsss")').text('dollsss'); 

Answer 4

试试这个，

$('#id1').html($('#id1').html().replace('dogsss','dollsss')); 

working sample

Answer 5

更具体：

$("#id1 p:contains('dog')").text($("#id1 p:contains('dog')").text().replace('dog', 'doll')); 

Answer 6

我一直在寻找类似的东西，我使用的代码，道格·奥因斯发布，但我的文本有一些br标签和代码正在擦除它。

所以我用这个： （只需注意我替换的.text（）为.html（））

文字：

< p class = "textcontent" > 
    Here some text replace me 
    <br> here an other text 
    <br> here is more text 
< /p> 

JS：

$('.textcontent').each(function() { 

    var text = $(this).html(); 
    $(this).html(text.replace('replace me', 'I love this text')); 

}); 

而且如果你想编辑几个文本创建一个数组：

var replacetext = { 
    "Text 0": "New Text 0", 
    "Text 1": "New Text 1", 
    "Text 2": "New Text 2", 
    "Text 3": "New Text 3", 
    "Text 4": "New Text 4" 
}; 

$.each(replacetext, function(txtorig, txtnew) { 
    var text = $('#parentid').html(); 
    $('#parentid').html(text.replace(txtorig, txtnew)); 
}); 

Answer 7

测试查找和替换方法。您也可以使用简单的方法。

var string ='my string' 
var new_string = string.replace('string','new string'); 

alert(string); 
alert(new_string); 

Answer 8

Joanna Avalos回答是好，只是注意我更换.text()到.html()，否则，一些内部的HTML元素将被销毁。