JQuery 如果 div 包含此文本，则替换该部分文本

正如标题所说，我想替换 div 中文本的特定部分。

结构如下:

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

例如，我只想用“ hello everyone”替换“ include”。我找不到解决办法。

271579 次浏览

小开

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

小开

最佳答案

You can use the text method and pass a function that returns the modified text, using the native String.prototype.replace method to perform the replacement:

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

Here's a working example.

小开

If it's possible, you could wrap the word(s) you want to replace in a span tag, like so:

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

You can then easily change its contents with jQuery:

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

If you can't wrap it in a span tag, you could use regular expressions.

小开

You can use the contains selector to search for elements containing a specific text

var elem = $('div.text_div:contains("This div contains some text")');
elem.text(elem.text().replace("contains", "Hello everyone"));

小开

Very simple just use this code, it will preserve the HTML, while removing unwrapped text only:

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


});
});

Here is full example: https://blog.hfarazm.com/remove-unwrapped-text-jquery/