Jquery: ricerca di testo e sostituire

Question

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

come faccio a cambiare dogsss-dollsss utilizzando jquery?

Answer 1

Si può provare

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

http://jsfiddle.net/2EvGF/

Si potrebbe utilizzare invece .html() e/o ulteriori sofisticare la chiamata .replace() in base alle proprie esigenze

Answer 2

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

che lo farà.

http://jsfiddle.net/pgDFQ/

Answer 3

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

Answer 4

provare questo,

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

working sample

Answer 5

più specifico:

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

Answer 6

ero alla ricerca di qualcosa di simile e io uso il codice che Doug Owings postato, ma il mio testo aveva alcuni tag br e il codice lo stava cancellando.

Quindi io uso questo: (solo notare che ho sostituito .text() per .html())

testo:

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

}); 

anche se vuoi modificare più testi, crea un array:

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

Per testare il metodo di ricerca e sostituzione. È anche possibile utilizzare la modalità semplice.

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

alert(string); 
alert(new_string); 

Answer 8

Joanna Avalos risposta è meglio, solo notare che ho sostituito .text()-.html(), in caso contrario, alcuni degli elementi HTML all'interno che saranno distrutti.