jq搜索关键字高亮显示

在我们平时做项目经常会遇到关键字需要高亮显示的情况，算了不编了，写不下去了，直接看代码吧

 var searchText = keyword;//获取你输入的关键字；var regExp = new RegExp(searchText, "g");//创建正则表达式$(".searchListBox .prolist-title a").each(function()//遍历文字；{var html = $(this).html();var newHtml = html.replace(regExp, "<span style='color:#dd2421;margin-left:3px;margin-right:3px;' >"+searchText+"</span>");//将找到的关键字替换，加上highlight属性；$(this).html(newHtml);//更新标题；});

就是拿到关键词，循环遍历需要替换的地方，然后替换

效果如上

jq搜索关键字高亮显示相关推荐

html搜索时关键字变数字,JavaScript正则方法replace实现搜索关键字高亮显示
前言正则表达式是字符串处理工具中强有力的工具.也有人认为这只是一个小玩具,但不管怎么说都离不开它. 这里介绍的是JavaScript的正则表达式的replace方法,和实现搜索关键字高亮的功能. 先 ...
搜索关键字高亮显示，就比微信多个多音字搜索
首先看下demo效果,下载地址一. 需求要求实现的效果汉字支持汉字直接搜索.拼音全拼搜索.拼音简拼搜索搜索匹配到的关键字高亮显示搜索结果优先显示全部匹配.其次是拼音全拼匹配.拼音简拼匹配:关键 ...
微信小程序搜索关键字高亮显示
效果图: 将搜索结果挨个格式化为数组,然后在渲染的时候判断type是否等于1,如果等于1,那就高亮显示. 主要代码: <view class="address-title"& ...
elasticsearch搜索关键字高亮显示
使用 elasticsearch 时,有一个很常见的需求是,能在页面上将搜索出的结果中属于关键字的文字,进行高亮显示. elasticsearch 对这个做了一定的支持,它能查询结果的基础上,额外返回 ...
uniapp 搜索关键字高亮显示实现
其实是就是个正则表达式啊,主要还是得看后端返回的是什么数据,你才可以根据后端去更改即可. 显示:
java 关键字高亮_关于搜索功能的关键字高亮显示是如何实现的
jq中的实现方法: //搜索结果高亮显示 function encode(s) { return s.replace(/&/g, "&").replace(//g, ...
vue element el-table 表格搜索搜索表格内容关键字标红关键字高亮显示
vue element el-table 表格搜索搜索表格内容关键字标红关键字高亮显示最近公司项目需求,搜索表格的内容,并且需要搜索的关键字高亮显示(关键字标红),如图所示最终效果: 1.在需要 ...
前端Vue开发，多关键字搜索时，搜索结果高亮显示(解决输入英文时，会错误的把html标签渲染的问题)
问题背景: 网上搜索关于搜索结果高亮显示,基本上都是单一关键字搜索,或者多关键字搜索,但是没有解决输入英文字符时,把html标签渲染出来的问题,比如在进行多关键字搜索时,可能会进行a;s的搜索, 就 ...
支付宝小程序中实现搜索输入提示关键字高亮显示
效果如下图所示输入框输入关键字后台返回的提示信息直接上代码对请求得到的数据进行处理 // 高亮搜索关键字searchTap() {// 分割函数let getInf = (str, k ...

jq搜索关键字高亮显示

jq搜索关键字高亮显示相关推荐

最新文章

热门文章