php代码正则高亮,JS实现关键词高亮显示正则匹配

搜索热词

html 和ajax 部分就不写了，只需将需要匹配的文字传进去就可以了

比如匹配后台传回的字符串data.content中的关键词：直接调用：

data.content = highLightKeywords(data.content,keywords)即可

以下两个函数分辨是匹配1：匹配关键词words中每一个字符，2：匹配整个关键词words

内容 words:关键词 tag 被包裹的标签

//匹配每一个关键字字符

function highLightKeywords(text,words,tag) {

tag = tag || 'span';// 默认的标签，如果没有指定，使用span

var i,len = words.length,re;

for (i = 0; i < len; i++) {

// 正则匹配所有的文本

re = new RegExp(words[i],'g');

if (re.test(text)) {

text = text.replace(re,'');

}

}

}

return text;

}

标签，如果没有指定，使用span

tag = tag || 'span';

var i,re;

//匹配每一个特殊字符 ，进行转义

var specialStr = ["*",".","?","+","$","^","[","]","{","}","|","\\","(",")","/","%"];

$.each(specialStr,function(i,item) {

if(words.indexOf(item) != -1) {

words = words.replace(new RegExp("\\" + item,'g'),"\\" + item);

}

});

//匹配整个关键词

re = new RegExp(words,'g');

if(re.test(text)) {

text = text.replace(re,'');

}

return text;

}

总结

以上所述是小编给大家介绍的JS实现关键词高亮显示正则匹配。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

总结

以上是编程之家为你收集整理的JS实现关键词高亮显示正则匹配全部内容，希望文章能够帮你解决JS实现关键词高亮显示正则匹配所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。