javascript中的交互式grep？

Question

我正在尋找一個能顯示大約20k行和一個文本框的頁面，當我在文本框中輸入時，它會將列表限制爲包含我輸入的字符串的列表。我沒有JavaScript背景，所以我正在尋找一個簡單的例子，我可以修改，以獲得這個工作，任何指針？

Answer 1

我做了幾個調整，以@Marc B的答案，但它仍然不是很高性能：

• 顯示/隱藏項目使用類
• 使用匹配而不是indexOf

下面是它的代碼：http://jsfiddle.net/gTBFN/3/

Answer 2

爲此，您必須將文本的每一行都包裝在適當的容器中，以便您可以隱藏/顯示單個行。

例如

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

使用jQuery，你可以不喜歡

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