jQueryを使用したテーブルの大文字と小文字を区別しない検索ボックス

Question

テーブルの検索ボックスを単純に並べ替えるのは難しいです。

私は次のコードを持っている：

<input name="search" /> 
<table id="content"> 
    <tr class="item"> (...) </tr> 
    <tr class="item"> (...) </tr> 
</table> 

$(document).ready(function(){ 
    $('input[name="search"]').keydown(function(){ 
    $('tr.item:contains("' + $(this).val()+ '")').prependTo('#content'); 
}); 

これはうまく動作しますが、.contains（）は、大文字と小文字が区別されます。

どのように大文字小文字を区別しないようにすることができますか？

私はネット上でこれを見つけた：

http://bugs.jquery.com/ticket/278#comment:4

http://ericphan.info/blog/2009/3/4/jquery-13-case-insensitive-contains.html

が、私は次のコードを追加するとき：

$.extend($.expr[":"], { 
    "containsIgnoreCase": function(elem, i, match, array) { 
    return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0; 
}}); 

を何も変えていないようにみえて、私の検索ボックスは、ケースのまま敏感な...

Answer 1

$を拡張してcontainsIgnoreCaseを追加した後は、コードにcontainsIgnoreCaseを使用する必要があります。これを試して。

$(document).ready(function(){ 
    $('input[name="search"]').keydown(function(){ 
    $('tr.item:containsIgnoreCase("' + $(this).val()+ '")').prependTo('#content'); 
}); 

Answer 2

この記事では、How do I make jQuery Contains case insensitive, including jQuery 1.8+?という回答を見つけることができます。簡単にするために私はここにあなたのためのソリューションをコピー＆ペーストします、

は

jQuery.expr[':'].Contains = function(a, i, m) { 
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0; 
};