搜索关键词高亮显示

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$ ( "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>这样的样式标签，然后整个层里面都会关键词高亮了，方便吧，就这一句。