搜索关键词高亮显示

写一个搜索页面的时候,经常需要把输入的搜索关键词给用高亮红色标记出来,用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