javascriptのインタラクティブなgrep？

Question

私は、約20k行と上のテキストボックスを表示するページを作ろうとしています。テキストボックスに入力すると、入力した文字列を含むものにリストが制限されます。私はjavascriptのバックグラウンドを持っていないので、私は単純な例を探しています。

Answer 1

ような何かを行うことができますが、それはまだ非常にパフォーマンスではありません。

• の表示/非表示のアイテムクラスを使用する
• indexOfの代わりにmatchを使用する

コードは次のとおりです。http://jsfiddle.net/gTBFN/3/

Answer 2

これを機能させるには、個々の行を表示/非表示にするために、各行を適切なコンテナにラップする必要があります。

jQueryを使って

<div class="hideables"> 
    <div>line 1</div> 
    <div>line 2</div> 
    ... 
</div> 

、あなたは私が@Marc Bの答えに微調整のカップルを作っ

$('.hideables div').each(function() { 
    if ($(this).text().indexOf('yourstring') != -1) { 
     $(this).show(); 
    } else { 
     $(this).hide(); 
    } 
});