Как сделать js-фильтрацию html-списка, построенного средствами jQuery?

Question

[Алексей Аристов]

Через $.get() получаю данные с сервера и генерирую по ним html-список вида:

<ul>
  <li>value 1</li>
  <li>value 2</li>
  <li>value 3</li>
</ul>
<input class="search">

Нужно сделать фильтрацию li-элементов в зависимости от значения input-a.

Видел в интернетах решения, пробовал, но пока не получилось подобрать для себя. (Например, пробовал list.js: у меня фильтрация скрывает все li-элементы, если в input-e ввести любое значение и возвращает все элементы в ul, при очистке input-a.)
Реализовывать велосипед как-то не хочется, т.к. готовые решения есть, надо только выбрать.

Comments

[OVK2015]

фильтрацию li-элементов в зависимости от значения input

Это как? Ввел букву "а" в инпут,- что со списком должно произойти?

[Алексей Аристов]

OVK2015: Да, именно так. Должны остаться строчки или начинающиеся с "а", или содержащие "а".

[Алексей Аристов]

OVK2015: Мысль понятна, попробую, спасибо. Наверное, действительно, нет смысла искать либу.

[OVK2015]

Как-то так:
$('ul').each(function(item){if(/a/i.test($(item).text())){$(item).css({'display': 'none'});});

[OVK2015]

aristov: Не за что, там отрицание должно быть if(!/a/i.test($(item).text())). Если есть искомая буква,- ничего не делаем и наоброт

Answer 1

[fsockopen]

Через $.get() получаю данные с сервера и генерирую по ним html-список вида:

сделай так что бы для каждого li элемента был свой id с значением
пример <li id="value1">value 1</li>
и потом находи эти элементы по id в обработчике поиска

Comments

[fsockopen]

я должен видить код обработчика поиска чтоб подробно дать ответ

Answer 2

[VoidVolker]

На самом деле тут ничего сверхсложного нет - реализуется за минуту:
1) После генерации html-элементов создается массив из этих элементов;
2) На кнопку фильтрации вешается следующая логика:
Для каждого элемента в массиве: соответствует ли критериям поиска? да - сделать видимым, нет - скрыть элемент.
И все.

Пример: