搜索功能

效果

代码

1
2
3
4
5
6
7
8
$(page).on("click", ".searchbar-search", function() {
var inputText = $("#search").val();
if($.trim(inputText)!=""){
$("div#daily-main-casual-list .others a:not(:last-child)").hide().filter(":contains('"+inputText+"')").fadeIn(1200);
}else{
$.alert('不能为空');
}
});

解释:

  • inputText 为 search 框的 内容;

  • filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。

  • :contains 选择器选取包含指定字符串的元素。