Filter metodu
filter metodu topluma diňe belli bir selektora
gabat gelýän elementleri galdyrýar.
Sintaksis
Selektora görä süzgüçleme:
.filter(selektor);
Parametr şeýle-de DOM elementleri ýa-da jQuery objekti bolup biler:
.filter(DOM element ýa-da jQuery objekti);
Elementleri, her bir saýlanylan element üçin
aýratyn çagyrylýan bir funksiýa kömegi bilen hem
süzgüçlemek mümkin. Eger ol true gaýtarsa,
häzirki element netijä goşular, eger false
bolsa - goşulmaz. Elementleriň özleri funksiýada
this üýtgeýjisinde elýeterli, olaryň toplumdaky
tert belgileri bolsa index üýtgeýjisinde:
.filter(function(index, elem))
Mysal
Geliň, ähli abzaslary tapalyň, olaryň başyna
'!' tekstini
prepend
kömegi bilen goýup, soňra tapylanlar arasyndan
diňe www klasly abzaslary
filter kömegi bilen alyp we olaryň
aýagyna '?' tekstini
append
kömegi bilen goýalyň:
<p>tekst</p>
<p>tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
$('p').prepend('!').filter('.www').append('?');
HTML kody şeýle görüner:
<p>!tekst</p>
<p>!tekst</p>
<p class="www">!tekst?</p>
<p class="www">!tekst?</p>
Mysal
Geliň, bir funksiýa kömegi bilen içinde
strong
tegini bar bolan ähli abzaslary tapalyň we
olara '!!!' tekstini goýalyň:
<p><strong>tekst</strong></p>
<p><strong>tekst</strong></p>
<p>tekst</p>
<p>tekst</p>
$('p').filter(function() {
return $('strong', this).length === 1;
}).html('!!!');
HTML kody şeýle görüner:
<p>!!!</p>
<p>!!!</p>
<p>tekst</p>
<p>tekst</p>