搜索关键词高亮显示
2011-02-23 00:18
351 查看
写一个搜索页面的时候,经常需要把输入的搜索关键词给用高亮红色标记出来,用JS很方便就能实现这一点,对了,用jQuery更方便,我就是这么做的:
看到了吗,前面是选择要替换的层,然后用正则表达式将搜索的关键词,套上了一个<span class='red'></span>这样的样式标签,然后整个层里面都会关键词高亮了,方便吧,就这一句。
$("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>这样的样式标签,然后整个层里面都会关键词高亮了,方便吧,就这一句。
相关文章推荐
- WordPress搜索结果中增加关键词高亮显示代码
- Linux下搜索指定目录下文件中特定字符串并高亮显示匹配关键词
- asp实现关键词不区分大小写搜索并高亮显示
- asp实现关键词不区分大小写搜索并高亮显示
- asp.net搜索关键词高亮显示函数
- asp实现关键词不区分大小写搜索并高亮显示
- 搜索学习入门--使用LuceneHighlighter高亮显示Lucene检索结果的关键词
- asp实现关键词不区分大小写搜索并高亮显示
- C#中搜索关键词高亮显示函数
- react中实现搜索结果中关键词高亮显示
- asp实现关键词不区分大小写搜索并高亮显示
- php搜索结果关键词高亮显示
- 基于Vue实现关键词实时搜索高亮显示关键词
- C#中搜索关键词高亮显示函数
- C#中搜索关键词高亮显示
- 搜索关键词高亮显示
- 搜索关键词高亮显示
- solr搜索关键字高亮显示
- Android搜索结果显示高亮实例(有数据滑动底部自动刷新)
- 【陈希章】 http://www.xizhang.com 多文件下载、jquery、ashx调用静态方法、搜索关键字高亮显示、Background-position的妙用