匹配网页中的字符串以及HTML标签

Question

使用下面的代码，我试图匹配网页中的文本以摆脱页面中的html标签。

var body = $(body); 
    var str = "Search me in a Web page"; 
    body.find('*').filter(function() 
    { 
    $(this).text().indexOf(str) > -1; 
    }).addClass('FoundIn'); 
    $('.FoundIn').text() = $('.FoundIn').text().replace(str,"<span class='redT'>"+str+"</span>"); 

但它似乎并不工作..请看看这个，让我知道问题出在哪里？
here是我曾尝试下面的代码，而不是..

小提琴

function searchText() 
{ 
    var rep = body.text(); 
    alert(rep); 
    var temp = "<font style='color:blue; background-color:yellow;'>"; 
    temp = temp + str; 
    temp = temp + "</font>"; 
    var rep1 = rep.replace(str,temp); 
    body.html(rep1); 
} 

但是，这完全去除身体的HTML标签......你的代码

Answer 1

改变最后一行下面一个...... 您使用赋值运算符，其工作与变量不与jQuery对象 ..所以你需要通过替换的HTML文本方法。

$('.FoundIn').text($('.FoundIn').text().replace(str,"<span class='redT'>"+str+"</span>")) 

Answer 2

try this. 
$('*:contains("Search me in a Web page")').text("<span class='redT'>Search me in a Web page</span>");