jquery下的搜索文本高亮显示

jquery真的是一个好东西,它让js开发变得是那么的容易,我客户的一个网站有一个需要做一个搜索的关键字的高亮显示。

那么这个功能需求对于jquery来说就是小意思了,请看下面的js代码。

在上代码前我说一下思路:

要高亮显示关键字,就是要把原本普通的文本替换成其它颜色的文本。

$(".listbt:contains('无') a").each(function(){
        $tt=$(this).html().replace("无","<span style='color:red'>无</span>");
        $(this).html($tt);
});


上面中的$(".listbt:contains('无') a")就是表示哪些html中有文本的dom。

是不是很简单,只要两句话就搞定了。

上面那个其实一句话就可以实现:

$(this).html($(this).html().replace("无","<span style='color:red'>无</span>"));

不过不太容易看懂