Усули filter
Усули filter фақат он элементҳоро дар маҷмӯъ боқӣ мегузорад,
ки ба селектори муайян мутобиқат мекунанд.
Синтаксис
Филтр кардан бо селектор:
.filter(селектор);
Параметр инчунин метавонад элементҳои DOM ё объекти jQuery бошад:
.filter(элементи DOM ё объекти jQuery);
Инчунин метавон элементҳоро бо ёрии
функсия филтр кард, ки барои ҳар яке аз
элементҳои интихобшуда даъват мешавад. Агар он
true баргардонад, элемент ҳозира ба
натиҷаи ниҳоӣ дохил карда мешавад, агар false
- дохил карда намешавад. Худи элементҳо дар функсия,
дар тағирёбандаи this дастрасанд,
ва рақамҳои тартибии онҳо дар маҷмӯъ — дар тағирёбандаи index:
.filter(function(index, elem))
Намуна
Биёед ҳамаи абзасҳоро пайдо кунем, дар аввали онҳо матни
'!' бо ёрии
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>
Намуна
Биёед бо ёрии функсия ҳамаи
абзасҳоеро пайдо кунем, ки теги
strong
доранд ва матни '!!!'-ро ба онҳо гузорем:
<p><strong>матн</strong></p>
<p><strong>матн</strong></p>
<p>матн</p>
<p>матн</p>
$('p').filter(function() {
return $('strong', this).length === 1;
}).html('!!!');
Коди HTML ба ин шакл дармеояд:
<p>!!!</p>
<p>!!!</p>
<p>матн</p>
<p>матн</p>