JQuery实现搜索结果动态高亮显示

//获取输入的内容作为高亮关键词
var input_data = $("#fuzzy_search").val()
//i 忽略大小写 g 全局 m 多行,切记不能加“/”,使用RegExp或自动加上
var rexq = new RegExp(input_data,"igm")
$.each(data, function (i, data) {
	var data_complte = data["template_rule_name"] + "," + data["template_name"] + "," + data["template_desc"]
	data_complte = data_complte.replace(rexq,"<font size='+1' color='#dc143c'>"+input_data+"</font>")
	var html_style = "<a href='javascript:'><li class='list-group-item' 'choise_one_template(this)'>" + data_complte + "</li></a>"
	$(".list-group").append(html_style)
})

这里写图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章