如何将一些文本包装到带有类的跨度中

Question

我想为包含特定文本的所有正文添加一个类......

这是我尝试使用的代码，但它没有用

$("body").html().replace("by care", "<span class='blue'> by care </span>");

Answer 1

您需要在替换部分内容后替换实际的正文html：

var replacedHtml = $("body").html().replace("by care", "<span class='blue'> BY CARE </span>");
$('body').html(replacedHtml);

要替换所有实例，请将替换更改为：

var replacedHtml = $("body").html().replace(/by care/g, "<span class='blue'> BY CARE </span>");

g开关代表全局 - 全局替换。

Answer 2

您可以使用jquery .each，:contains和.split()。

这是一个有效的例子：

Here is the link to the live bin.

var toSelect = 'by care';
var selection = $(".container :contains('"+toSelect+"')");

$.each(selection, function(i, s){
    var sp = $(s).text().split('by care');
    $(s).html(sp[0]+"<span class='blue'>"+toSelect+"</span>"+sp[1]);
})