js RegExp 搜索并高亮关键字

原创 2016年05月30日 13:40:38

对于html页面结构字符串,形如"<p>test span<span class='test'>test</span></p>".

搜索tag内容中的关键字,如搜索span,结果为"<p>test span<span class='test'>test</span></p>"中高亮的部分,而忽略span标签。


可用如下正则表达式完成


data = "<p>test span<span class='test'>test</span></p>";

data = data.replace( new RegExp("span(?![^<>]*>)", 'g'), "<b>$1</b>");


其中正则表达式的后半部分(?!exp) 零宽负向断言,排除关键字出现在tag内部的情况


js 搜索关键字,文章中关键字高亮显示

实现代码如下: .highlight{background:green;font-weight:bold;color:white;} 搜索 搜索,文章关键字高亮显示...
  • she_rryn
  • she_rryn
  • 2016年03月02日 17:08
  • 4554

js代码实现查找关键字高亮显示

代码实现查找关键字高亮显示      #box{            height:200px;            width:500px;            margin:...
  • acess520
  • acess520
  • 2016年04月15日 00:26
  • 3767

js-检索文字高亮显示

$(function(){ $("#codearea").bind("click",function(){getSelect($("#codearea"))}); $("#codearea").c...
  • qq_16590151
  • qq_16590151
  • 2015年02月27日 14:38
  • 931

浅谈JavaScript实现关键字文本高亮显示

前端通常是指网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,现在最新的高级版本HTML5、CSS3,以及SVG等。 ...
  • zhouziyu2011
  • zhouziyu2011
  • 2017年04月15日 13:53
  • 1735

关键字检索高亮标出-javasript/jQuery代码实现

此方法传入2个参数,一个是被检索内容所在的表单或者HTML元素的ID,另一为关键字,多个关键字的话,以空格隔开,下边直接上代码分享给大家: /*关键词检索高亮标出 *param idHtmlCont...
  • chenleixing
  • chenleixing
  • 2015年04月23日 08:44
  • 4796

javascript 关键字高亮显示实现代码

关键字高亮显示 脚本之家是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascrip...
  • apollokk
  • apollokk
  • 2015年02月03日 10:56
  • 1210

ios中 搜索关键字在结果中高亮显示

写的可能很菜 ,不过网上找了很久,都没找到相关代码,在解决自己的需求后,自己写了些,欢迎大神指导。 下面方法 并不是系统的搜索框 而是自己自定义搜素框 方法(1)//#pragma mark ...
  • syg90178aw
  • syg90178aw
  • 2014年12月11日 09:18
  • 919

Textview关键字高亮

public class TextStringUtil {       /**      * 关键字高亮变色      *       * @param color ...
  • lx448593jp
  • lx448593jp
  • 2016年02月24日 16:00
  • 352

如何在搜索页面中高亮显示关键字

 上个周的 高亮显示关键字问题困扰了我一段时间,还好在周五解决了,而且显示效果也还不错.通过调用BEAN的字符串替换功能,可以实现关键字的高亮显示.以下是JAVABEAN Replace.javapa...
  • peace_apple
  • peace_apple
  • 2006年09月04日 14:04
  • 4529

JS根据文本框内容匹配并高亮显示

function SearchCompare() { // 获取搜索字符串 var searchText = document.getElementById("SearchCompar...
  • myinc
  • myinc
  • 2015年05月06日 16:10
  • 1794
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js RegExp 搜索并高亮关键字
举报原因:
原因补充:

(最多只允许输入30个字)