Метод .filter() оставляет в наборе только те элементы, которые удовлетворяют определенному селектору.

См. также метод find, который находит элементы по селектору среди уже найденных.

См. также урок работа с набором элементов jQuery для более полного понимания.

Синтаксис

Фильтрация по селектору:

.filter(селектор)

Можно также фильтровать элементы с помощью функции, которая вызывается отдельно для каждого из выбранных элементов. Если она возвращает true, то текущий элемент будет включен в конечный результат, если false - не включен. Сами элементы доступны в функции, в переменной this, а их порядковые номера в наборе — в переменной index:

.filter(function(index))

Примеры

Пример

Давайте найдем все абзацы, поставим им в начало текст '!' с помощью prepend, затем получим из найденных только абзацы с классом .www с помощью .filter() и поставим им в конец текст '?' с помощью append:

<p>Абзац</p>
<p>Абзац</p>
<p class="www">Абзац</p>
<p class="www">Абзац</p>
$('p').prepend('!').filter('.www').append('?');

HTML код станет выглядеть так:

<p>!Абзац</p>
<p>!Абзац</p>
<p class="www">!Абзац?</p>
<p class="www">!Абзац?</p>