Как реализовать поиск по странице и скрытие несовпадающих элементов?

Question

[Всеволод Кудрявцев]

На странице есть инпут, который принимает значение, код ищет на текущей странице те позиции, которые совпадают, остальные скрывает. Самый нормальный вариант, который нашел, через jQuery и селектор :contains. Подскажите, как правильно реализовать поиск и последующее скрытие.

Блоки имеют конструкцию:

<div>
  <a>
    <img>
  </a>
</div>

В ссылке под картинкой находится искомый текст.

Answer 1

[Сергей Полозов]

ну если я все правильно понял, то можно как-то так:
jsfiddle.net/SergPolozov/u8VjB/1

Comments

[Kirill Popolov]

А скажите, почему именно keyup? Чем плох keydown? Я не автор вопроса, просто повышаю квалификацию по крупицам :)

[Сергей Полозов]

keydown - событие обработается до появления текста в поле input, т.е. значение val() даст текст без последнего символа:) вообще изначально я написал keypress - но он тоже выдавал в val() значение меньше на один символ - не знаю в чём дело, с keypress думаю где-то у меня косяк был...

[Kirill Popolov]

Да, что-то я тут не подумал, спасибо.

[Kirill Popolov]

Только, может, так сделать: jsfiddle.net/x8Ubv чтобы все подходящие даже по неполной фразе оставались?

[Всеволод Кудрявцев]

Спасибо, очень помогли. Мой вариант: jsfiddle.net/5p17f1Re/42gWJ/1