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)
})

這裏寫圖片描述

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