Jquery: buscar y reemplazar texto

Question

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

¿Cómo cambio dogsss-dollsss usando jquery?

Answer 1

Usted puede intentar

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

http://jsfiddle.net/2EvGF/

Se puede usar en su lugar .html() y/o más sofisticar la llamada .replace() de acuerdo a sus necesidades

Answer 2

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

que lo hará.

http://jsfiddle.net/pgDFQ/

Answer 3

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

Answer 4

probar esto,

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

working sample

Answer 5

más específico:

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

Answer 6

que estaba buscando algo similar y utilizo código que Doug Owings publicada, pero mi texto tenía algunas etiquetas br y el código estaba borrándolo.

así que uso esto: (Ten en cuenta que me reemplazó .text() para .html())

texto:

< 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')); 

}); 

también si desea editar varios textos, cree una matriz:

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

Para probar el método de búsqueda y reemplazo. También se puede usar de manera simple.

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

alert(string); 
alert(new_string); 

Answer 8

Joanna Avalos respuesta es mejor, apenas observa que sustituye .text()-.html(), de lo contrario, algunos de los elementos HTML dentro que serán destruidos.