2017-09-13 43 views
-1

我想一个类添加到包含特定文本的所有正文......如何换一些文本的跨度与类

这是我尝试使用的代码,但它并没有工作

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

您可以尝试类的.blue:{字突破:打破字; } –

回答

0

您需要更换实际身体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交换机代表全局 - 全局替换。

+0

THX,我忘了这一步......现在它只是更换的第一次出现,但其进度:) – DavidS

+0

解决:) '''变种replacedHtml = $(“身体”)。HTML() .replace(/小心/ g,“小心”); $('body')。html(replacedHtml);''' – DavidS

+0

我刚更新了我的答案以显示全局替换。 – Stuart

0

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

这里是一个工作示例:

LIVE DEMO Snapshot

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]); 
}) 
相关问题