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

Question

Я хочу создать страницу, на которой было бы около 20 тыс. Строк и текстовое поле сверху, и когда я набираю текстовые поля, список будет ограничен теми, которые содержат введенную мною строку. У меня нет фона javascript, поэтому я ищу простой пример, который я могу изменить, чтобы заставить это работать, любые указатели?

Answer 1

Чтобы это работало, вам нужно будет обернуть каждую строку текста в соответствующий контейнер, чтобы вы могли скрыть / показать отдельные строки.

, например

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

Answer 2

Я сделал несколько твиков к ответу @Marc B, но он все еще не очень эффективен:

• Показать / Скрыть элементы с помощью класса
• Использовать совпадение вместо indexOf

Вот код для этого: http://jsfiddle.net/gTBFN/3/