Jquery: найти текст и заменить

Question

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

Как изменить dogsss на dollsss, используя jquery?

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

попробуйте,

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

рабочий образец

Answer 4

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

Answer 5

Для проверки найти и заменить метод. Вы также можете использовать простой способ.

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

alert(string);
alert(new_string);

Answer 6

Более конкретно:

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

Answer 7

Я искал что-то похожее, и я использую код, который разместил Дуг Оуингс, но в моем тексте было несколько тегов 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 8

Изменение по идентификатору или классу для каждого тега

$("#id <tag>:contains('Text want to replaced')").html("Text Want to replaced with");


$(".className <tag>:contains('Text want to replaced')").html("Text Want to replaced with");

Answer 9

Как изменить несколько "dogsss" на "dollsss":

$('#id1 p').each(function() {
var text = $(this).text();
// Use global flag i.e. g in the regex to replace all occurrences
$(this).text(text.replace(/dog/g, 'doll'));
});

https://jsfiddle.net/ashjpb9w/

Answer 10

Джоанна Авалос ответ лучше, просто обратите внимание, что я заменил .text() на .html(), в противном случае некоторые html-элементы внутри него будут уничтожены.