javascript - 将网页中的字符串与 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是 fiddle 我试过下面的代码..

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 传递给 text 方法。

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