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;} 搜索 搜索,文章关键字高亮显示...

高亮显示搜索到的关键字-jquery.highlight.js的用法!

高亮显示搜索到的关键字-jquery.highlight.js的用法!

js高亮显示关键字

原文来自:http://www.cnblogs.com/gogly/archive/2012/10/19/2731136.html 关键字高亮显示 ...

ListView搜索关键字高亮显示

  • 2013年08月15日 13:52
  • 73KB
  • 下载

搜索关键字高亮显示

  • 2013年06月22日 17:34
  • 78KB
  • 下载

Android 搜索结果匹配关键字且高亮显示

1. 单关键字 匹配如果只是单关键字的话,那么我们先计算出他的下标,它的长度,然后就可以标记下标到下标+长度的这一段为特殊颜色即可,代码如下:if (name != null && name.cont...
  • stimgo
  • stimgo
  • 2017年05月22日 00:00
  • 399

Asp.net 中高亮显示搜索关键字简单方法

今天用到搜索时的高亮显示,百度了一下,如下面: 1.替换关键字,对字体变色。         public static string ReplaceRed(string strtit...

Android 搜索关键字高亮显示及开发中遇到的坑

公司项目中有一个搜索功能,需求时要把搜索关键字高亮显示出来。本来觉得是一个比较简单的问题,开发过成也比较顺利。但在测试阶段还是出了些问题。而且有些问题还挺莫名其妙!下面分析开发中遇到的几个问题。最初的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js RegExp 搜索并高亮关键字
举报原因:
原因补充:

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