Jquery : Trouver du texte et le remplacer

Question

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

Comment puis-je changer dogsss a dollsss en utilisant jquery ?

Answer 1

Vous pouvez utiliser .each() pour parcourir en boucle les <p> éléments, et .text() pour mettre à jour le texte.

Par exemple :

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

Démonstration : https://jsfiddle.net/8gra4xjw/

---

[Mis à jour pour refléter les commentaires]

Note : Ce qui précède remplace le premièrement occurrence de "chien" uniquement. Pour remplacer tous occurrences, vous pourriez utiliser :

// modify text (replace all)
text = text.replace(/dog/g, 'doll');

Voir aussi : Comment remplacer toutes les occurrences d'une chaîne de caractères en JavaScript ?

---

Si le nouveau texte doit contenir des entités HTML comme   vous pourriez utiliser :

// update element text (html)
$(this).html(text);

Voir aussi : Quelle est la différence entre jQuery : text() et html() ?

Answer 2

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

ça va le faire.

http://jsfiddle.net/pgDFQ/

Answer 3

Essayez ceci,

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

échantillon de travail

Answer 4

Avertissement string.replace('string', 'new string') pas remplacé tous les caractères. Vous devez utiliser regax replace.

Pour exp : J'ai une piqûre ancienne chaîne1, ancienne chaîne2, ancienne chaîne3 et veulent remplacer vieux à nouveau

Puis j'ai utilisé.

    var test = 'old string1, old string2, old string3';

   //***** Wrong method **********
    test = test.replace('old', 'new'); // This  will replaced only first match not all
    Result: new string1, old string2, old string3

  //***** Right method **********
    test = test.replace(/([old])+/g, 'new'); // This  will replaced all match 
    Result: new string1, new string2, new string3

Answer 5

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