Jquery:查找文本并替换

时间:2011-11-16 04:16:37

标签: jquery

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

如何使用dogsssdollsss更改为jquery

11 个答案:

答案 0 :(得分:83)

你可以尝试

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

http://jsfiddle.net/2EvGF/

您可以根据需要使用.html()和/或进一步完善.replace()来电

答案 1 :(得分:27)

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

那就行了。

http://jsfiddle.net/pgDFQ/

答案 2 :(得分:9)

试试这个,

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

working sample

答案 3 :(得分:8)

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

答案 4 :(得分:4)

更具体:

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

答案 5 :(得分:4)

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

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

alert(string);
alert(new_string);

答案 6 :(得分:1)

我正在寻找类似的东西,我使用Doug Owings发布的代码,但我的文字有一些 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)); 
});

答案 7 :(得分:0)

Joanna Avalos答案更好,请注意我已将.text()替换为.html(),否则,其中的某些html元素将被销毁。

答案 8 :(得分:0)

如何将 多个 的“ 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/

答案 9 :(得分:0)

为每个标签按ID或类别更改

  <input type="search" ng-model="query" ng- 
  change="$ctrl.callGetClubs(query)" placeholder="filter" />



 class ClubsController {
        constructor(ClubService) {
        'ngInject'
        this.ClubService = ClubService;
    }

    callGetClubs(query) {
      this.clubs = null;
      this.ClubService.getClubs(query).then(response => 
        {
           this.clubs = response.data;
           console.log(this.clubs);
        });

    }
 }

export default ClubsController;

答案 10 :(得分:0)

尝试一下

$("#id1 p:contains('dogsss')").replaceWith("dollsss");