//获取文本框输入
var txt=$("#search-input").val();
//判断文本框输入值不为空
if($.trim(txt)!=""){
$.ajax({
url:'/document/selectAllDocs',
type:'post',
data:{
"catalog":txt
},
success:function(data){
//拼接返回数据
var str="";
for (var i = 0; i < data.result.length; i++) {
str+="<div><h3 id="+data.result[i].id+"><a href='#' οnclick='titleOnclick("+data.result[i].id+")'>"+data.result[i].catalog+"</a></h3><p>"+data.result[i].text+"<p></div>";
}
//定义b标签样式背景颜色黄色
var ye="<b style='background-color:yellow'>"+txt+"</b>";
//替换搜索相关的所有内容
var nn=str.replace(new RegExp(txt,"gm"),ye);
//赋值
$("#div2").html(nn);
}
})
}
Jquery搜索html文本高亮解决方案
最新推荐文章于 2023-07-28 09:27:06 发布