本文介绍了一个使用jQuery实现的简单搜索功能，该功能可以根据输入的关键词实时筛选并高亮显示匹配项。通过监听输入框的回车事件触发搜索，对列表进行筛选，并对未匹配项进行隐藏处理。
/*调用点击事件*/
function query(){
$("#bquery").click(function() {
var fp = jQuery.trim($("#tquery").val());
if (fp == "") {
$("#wfnli>li").each(function() {
$(this).removeClass("hidrow");
});
} else if (fp != "") {
$("#wfnli>li").each(function() {
var tmr = $(this).children("#wfnlabel").text();
if (tmr.indexOf(fp) > -1)
$(this).removeClass("hidrow");
else
$(this).addClass("hidrow");
});
}
});
}
//回车相应事件
function enterTel(){
$("#tquery").keypress(function(e){
if (e.which == 13)
$("#bquery").click();
});
}
html部分用的是ul li 布局
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
