搜索关键词高亮显示

写一个搜索页面的时候,经常需要把输入的搜索关键词给用高亮红色标记出来,用JS很方便就能实现这一点,对了,用jQuery更方便,我就是这么做的:

$("div.rest a").html(
    function(){
        return $(this).html().replace(
            /<?php echo $_REQUEST['search-keyword'];?>/g,
            "<span class='red'><?php echo $_REQUEST['search-keyword'];?></span>"
        )
    }
);

 

看到了吗,前面是选择要替换的层,然后用正则表达式将搜索的关键词,套上了一个<span class='red'></span>这样的样式标签,然后整个层里面都会关键词高亮了,方便吧,就这一句。

相关推荐

Leave a Comment