интерактивный grep в javascript?

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(); 
    } 
});