关键字检索高亮标出

彩虹网

关键字检索高亮标出

此方法传入2个参数,一个是被检索内容所在的表单或者HTML元素的ID,另一为关键字,多个关键字的话,以空格隔开,下边直接上代码分享给大家:

/*关键词检索高亮标出

*paramidHtmlContent需要检索的HTML内容ID

*paramkeyword关键字,多个以空格隔开

functionkeywordHighlight(idHtmlContent,keyword){

varcontent=$(“#”+idHtmlContent).html();//获取内容

if($.trim(keyword)==““){

return;//关键字为空则返回

varhtmlReg=newRegExp(“\.*?\“,“i”);

vararrA=newArray();

//替换HTML标签

for(vari=0;true;i++){

varm=htmlReg.exec(content);

if(m){

arrA

=m;

}else{

break;

content=content.replace(m,“{

(“+i+“)

}”);

words=unescape(keyword.replace(/\+/g,‘‘)).split(/\s+/);

//替换关键字

for(w=0;wwords.length;w++){

varr=newRegExp(“(“+words

.replace(/

(){tmlContent).html(content);

效果:

注意,如果你是获取的js网页编辑器里的内容,直接传入textarea的ID是不行的,结果是改变了但是样式是显示不出来的,最后的代码应该像这样:

varobj=KindEditor.create(‘textarea

id=“‘+containerId+‘“

’,config);

obj.html(改变后的内容);

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。