如何換一些文本的跨度與類

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]); 
})