Методот filter
Методот filter остава во множеството само
оние елементи кои го задоволуваат
одредениот селектор.
Синтакса
Филтрирање по селектор:
.filter(селектор);
Параметарот може да биде и DOM елементи или jQuery објект:
.filter(DOM елемент или jQuery објект);
Може да се филтрираат елементи и со помош на
функција, која се повикува одделно за
секој од избраните елементи. Доколку таа
врати true, тогаш тековниот елемент ќе биде
вклучен во конечниот резултат, доколку false
- нема да биде вклучен. Самите елементи се достапни во функцијата,
во променливата this, а нивните редни броеви
во множеството — во променливата index:
.filter(function(index, elem))
Пример
Ајде да ги најдеме сите параграфи, да им поставиме на
почеток текст '!' со помош на
prepend,
потоа да добиеме од пронајдените само параграфи
со класа www со помош на filter
и да им поставиме на крај текст '?' со помош на
append:
<p>text</p>
<p>text</p>
<p class="www">text</p>
<p class="www">text</p>
$('p').prepend('!').filter('.www').append('?');
HTML кодот ќе изгледа вака:
<p>!text</p>
<p>!text</p>
<p class="www">!text?</p>
<p class="www">!text?</p>
Пример
Ајде со помош на функција да ги најдеме сите
параграфи кои имаат таг
strong
и да им поставиме текст '!!!':
<p><strong>text</strong></p>
<p><strong>text</strong></p>
<p>text</p>
<p>text</p>
$('p').filter(function() {
return $('strong', this).length === 1;
}).html('!!!');
HTML кодот ќе изгледа вака:
<p>!!!</p>
<p>!!!</p>
<p>text</p>
<p>text</p>