Javascript区分大小写筛选器

Question

我正在使用以下脚本来筛选表中的结果。只有问题是它是区分大小写的。我将如何去使它不区分大小写？

<script> 
$(document).ready(function() { 

     $("#searchInput").keyup(function(){ 
    //hide all the rows 
      $("#fbody").find("tr").hide(); 

    //split the current value of searchInput 
      var data = this.value.split(" "); 
    //create a jquery object of the rows 
      var jo = $("#fbody").find("tr"); 

    //Recusively filter the jquery object to get results. 
      $.each(data, function(i, v){ 
       jo = jo.filter("*:contains('"+v+"')"); 
      }); 
     //show the rows that match. 
      jo.show(); 
    //Removes the placeholder text 

     }).focus(function(){ 
      this.value=""; 
      $(this).css({"color":"black"}); 
      $(this).unbind('focus'); 
     }).css({"color":"#C0C0C0"}); 

    }); 

</script> 

Answer 1

我可能会改变滤波器：

 $.each(data, function(i, v) { 
      jo = jo.filter(function() { 
      return $(this).text().toLowerCase().indexOf(v.toLowerCase()) > -1; 
      }); 
     }); 

Answer 2

$(document).ready(function() { 

    $("#searchInput").keyup(function(){ 
//hide all the rows 
     $("#fbody").find("tr").hide(); 

//split the current value of searchInput 
     var data = this.value.toLowerCase().split(" "); 
//create a jquery object of the rows 
     var jo = $("#fbody").find("tr"); 

//Recusively filter the jquery object to get results. 
     $.each(data, function(i, v){ 
      jo = jo.filter("*:contains('"+v.toLowerCase()+"')"); 
     }); 
    //show the rows that match. 
     jo.show(); 
//Removes the placeholder text 

    }).focus(function(){ 
     this.value=""; 
     $(this).css({"color":"black"}); 
     $(this).unbind('focus'); 
    }).css({"color":"#C0C0C0"}); 

}); 

Answer 3

http://jsfiddle.net/baeXs/和http://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/会帮助你

$.expr[":"].containsNoCase = $.expr.createPseudo(function(arg) { 
    return function(elem) { 
     return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; 
    }; 
}); 

Answer 4

可以做财产以后这样与filter()：

$.each(data, function (i, v) { 
    v = v.toLowerCase();  
    jo.filter(function() { 
     var txt = $(this).text().toLowerCase(); 
     return txt.indexOf(v) > -1; 
    }).show();  
})