关键字检索高亮标出
此方法传入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(改变后的内容);
