jQueryを使用して簡単なテーブルフィルタを構築する方法は？

Question

jQueryを使用して簡単な表フィルタを効果的に構築するにはどうすればよいですか？ ページネーションは気にしません。

list - >データベースのデータを選択します。

私はプラグインを使用したくない、私は短いコードの使用を好む。

例：

Answer 1

$('#inputFilter').keyup(function() { 
    var that = this; 
    $.each($('tr'), 
    function(i, val) { 
     if ($(val).text().indexOf($(that).val()) == -1) { 
      $('tr').eq(i).hide(); 
     } else { 
      $('tr').eq(i).show(); 
     } 
    }); 
}); 

CHECH THIS

Answer 2

テスト結果に応じてコンテンツを表示/非表示、入力フィールドの値に行のinnerHTMLプロパティをテストしてみてください。

$('#test').bind('keyup', function() { 
    var s = new RegExp(this.value); 
    $('tr').each(function() { 
     if(s.test(this.innerHTML)) $(this).show(); 
     else $(this).hide(); 
    }); 
}); 

JSFIDDLE例のテーブルと入力フィールド。

編集

代わりにinnerHTMLプロパティの.text()を使用する方がよいかもしれません。パフォーマンス的にinnerHTMLは良いでしょうが、.text()はhtmlタグを有効な検索結果として受け入れません。 JSFIDDLE＃2。

Answer 3

私は通常、これを手伝っていないが、私は今朝飽きてしまった...

http://jsfiddle.net/hHJxP/