在做数据库HAMdb的时候发现需要在搜索结果标红搜索的关键字，这样看起来更加清晰。因此搜索Js和jQuery方法。最终找到一个最靠谱的，根据自己的情况改装之后如下：
在做数据库HAMdb的时候发现需要在搜索结果标红搜索的关键字，这样看起来更加清晰。因此搜索Js和jQuery方法。最终找到一个最靠谱的，根据自己的情况改装之后如下：
|
1 2 3 4 5 6 7 8 |
<script> // mark the keywords var regExp = new RegExp("(>[^<]*?)"+"{{ keywords }}"+"([^>]*?<)","gmi"); $(".x_content").each(function(){ this.innerHTML=this.innerHTML.replace(regExp,"$1<font color='red'>"+"{{ keywords }}"+"</font>$2"); }) </script> |
这里要注意
1）如果单纯用
RegExp(“{{ keywords }}”,”gmi”)
作为正则去匹配的话，会出现匹配出许多不是你要的内容，比如搜索关键字为ta,那么会匹配出html代码中的
<table>,标红后变成<t<font color =”red” ab</font>le>, 使得整个页面乱码。因此这里得使用一些技巧，即在前后加上子规则用来限制想要的内容。这里每个小括号表示一个子表达式，左边的表达式的意思就是匹配最近一个以<标签，并且下一个规则可以匹配到keywords的。这种情况就限定了每个keywords周围不再有标签保留词被匹配。
2）这里还要理解一下这个$1,$2
RegExp.$1...$9属性用于返回正则表达式模式中某个子表达式匹配的文本。
正则表达式中每个小括号内的部分表达式就是一个子表达式。
|
1 2 |
RegExp.$n n的值介于 [1, 9] 之间，表示第n个子表达式所匹配的文本内容。例如，RegExp.$1表示第一个子表达式所匹配的文本内容。 |
原创文章，作者：ifyoung，如若转载，请注明出处：https://www.drugfoodai.com/javascript-mark-keywords.html
微信扫一扫 
支付宝扫一扫 相关推荐
-
Django如何打造自定义后台和美化后台管理
在django不涉及到数据管理的站点，比如实时展示和实时计算的网站，我们不需要设计自定义后台。然而在创建综合性应用，需要管理数据和数据模型的时候就需要有一个好的后台管理系统。
-
django留言板制作，AJAX无刷新加载评论以及简单验证码设置。
django作为python非常流行的网站框架得到越来越多的应用。
在笔者构建CINPredictor期间，想构建一个留言板方便用户交流。于是寻找较好的途径。Django版本更新很快，但是由于笔者有多个django项目运行在一个环境中，前期有几个计算框架以来一些较为久远的计算包，所以短期内不打算更新django版本。高版本的django在pypi上面有插件，大家可以去搜索安装。我们这里需要自定义一些功能所以选择自己写。 -
真正完美解决锚点偏移量问题，Bootstrap的Affix顶部被遮挡问题。
本人在做HAMdb数据库的时候也发现顶部affix导航之后，点击锚点会使得其导航被fixed，导致被target的正文会以窗口顶部对其，导致如图所示的遮挡。本人尝试多种方式，最后综合完美解决这一问题。
-
jQuery实现真正的侧边栏随窗口滚动
jQuery实现真正的侧边栏随窗口滚动，题目之所以加上真正的几个字，是因为找这段自己想要的代码实在是不容易。看到很多资料，很多朋友分享的并不是自己想要的。在这里想要实现的是侧边栏某个模块随窗口一起滚动。
-
jQuery会退出前端历史舞台吗
出于以前对Jquery的狂热，我还是得说说它现在比较好用的地方。那就是Vue 和React对动态渲染元素的能力不足，里面都是写好的模版再渲染。而有些情况就需要特别灵活，此时Jquery还是可以发挥一些动态优势的，而用Vue 和React 反而会非常不好实现，问题会比较多。 不过jquery真的是老了，js的能力越来越强，现在用js也可以很容易动态渲染复杂的问题。
-
Ubuntu 12.04 安装最新版本的Nginx
先解决一个问题： UBUNTU 12.04重装NGINX无效 1 2 apt-get purge nginx nginx-common nginx-full apt-get ins…
-
onethink 后台无法上传
onethink上传文件报错：文件后缀不允许。查阅资料，发现onethink文档不全，非常不全。从两方面入手，编辑器的配置和后台上传设置。尝试前者发现无果
