jQuery如果div包含此文本,则替换该部分文本

Question

就像标题所说,我想替换div中文本的特定部分.

结构如下所示:

<div class="text_div">
    This div contains some text.
</div>

例如,我想用"hello everyone"替换"contains".我无法找到解决方案.

Answer 1

您可以使用该text方法并传递一个返回已修改文本的函数,使用本机String.prototype.replace方法执行替换:

?$(".text_div").text(function () {
    return $(this).text().replace("contains", "hello everyone"); 
});?????

这是一个有效的例子.

Answer 2

非常简单，只需使用此代码，它将保留 HTML，同时仅删除未包装的文本：

jQuery(function($){

    // Replace 'td' with your html tag
    $("td").html(function() { 

    // Replace 'ok' with string you want to change, you can delete 'hello everyone' to remove the text
          return $(this).html().replace("ok", "hello everyone");  

    });
});

这是完整示例：https : //blog.hfarazm.com/remove-unwrapped-text-jquery/

Answer 3

var d = $('.text_div');
d.text(d.text().trim().replace(/contains/i, "hello everyone"));

Answer 4

如果可能,您可以在span标记中包含要替换的单词,如下所示:

<div class="text_div">
    This div <span>contains</span> some text.
</div>

然后,您可以使用jQuery轻松更改其内容:

$('.text_div > span').text('hello everyone');

如果无法将其包装在span标记中,则可以使用正则表达式.