jQuery实现模糊查询的方法分析

    
    


  

    
列表一
    
列表二
    
列表三
    
列表四
    
列表五
  
  

    

      

        
00001
        
内容1
        
内容2
        
内容3
        
内容4
      
      
……
    
  

queryList: function(){
  $(".search-input").on("input propertychange", function() {
    var queryStr = $.trim($(".search-input").val());
    if(queryStr === ''){
      $(".list-content li").show();
    }else{
    // 以下是匹配某些列的内容，如果是匹配全部列的话就把find()和.parent()去掉即可
      $(".list-content li").hide().find(".code, .name").filter(":contains('"+queryStr+"')").parent("li").show();
      //$(".list-content").refresh(); //重新刷新列表把隐藏的dom结构去掉。
    }
  });
}