今天在完善畢設代碼，猛地發(fā)現(xiàn)上一篇 填坑之路：前端偽查詢 的代碼有點過分了捐祠，直接empty了之前的ul碱鳞，簡直過分，這他么無法挽回了踱蛀。
于是窿给，又花了一點時間改進了一下事件核心代碼贵白。
// 查詢
$(".rightBar").on("click",'.search_btn',function(){
if($.trim($(".keyword").val()) !== ''){
var ulList = $(".myPro-list").find("ul");
var keyword = $(".keyword").val();
var newList = '';
for(var i = 0;i<ulList.length;i++){
var content = $(ulList[i]).html();
if(content.indexOf(keyword) == -1){
$(ulList[i]).hide();
}
}
if($(".myPro-list").find("ul:visible").length == 0){
$(".table-part").find('.full-page').show();
} else {
$(".table-part").find('.full-page').hide();
}
} else {
alert("抱歉，輸入內(nèi)容為空１琅荨＝摹！");
}
});
// 取消
$(".rightBar").on("click",'.cancel_btn',function(){
$(".myPro-list").find("ul").show();
$(".keyword").removeClass("active-keyword").val("");
$(this).hide();
})
區(qū)別于上一篇角撞，這里只是簡單的把篩掉的ul給隱藏了呛伴，這樣子就有了挽回的余地了。
結(jié)果：
檢索.gif
說明：
1.查詢按鈕后面我加了個取消按鈕谒所，思路是把所有ul再顯示（本人眼瞎热康，UI可以忽略！Ａ恿臁＝憔）；
2.本文僅僅適用于小數(shù)據(jù)量（一頁就顯示完全的）的應用尖淘，對于數(shù)據(jù)量比較大的數(shù)據(jù)列表（特別涉及到分頁的）以上代碼就無能為力了奕锌，還望賜教。
