filter Metodu
filter metodu, kümede yalnızca
belirli bir seçiciyi karşılayan
elemanları bırakır.
Sözdizimi
Seçiciye göre filtreleme:
.filter(seçici);
Parametre ayrıca DOM elemanları veya jQuery nesnesi de olabilir:
.filter(DOM elemanı veya jQuery nesnesi);
Elemanlar, her biri için ayrı ayrı çağrılan
bir fonksiyon yardımıyla da filtrelenebilir.
Eğer fonksiyon true döndürürse, mevcut eleman
sonuç kümesine dahil edilir, eğer false
döndürürse - dahil edilmez. Elemanların kendileri
fonksiyon içinde, this değişkeninde mevcuttur,
küme içindeki sıra numaraları ise index
değişkenindedir:
.filter(function(index, elem))
Örnek
Tüm paragrafları bulalım,
prepend ile
başlarına '!' metnini koyalım,
ardından bulunanlar arasından filter ile
yalnızca www sınıfına sahip olanları alalım
ve
append ile
sonlarına '?' metnini koyalım:
<p>metin</p>
<p>metin</p>
<p class="www">metin</p>
<p class="www">metin</p>
$('p').prepend('!').filter('.www').append('?');
HTML kodu şu şekilde görünecektir:
<p>!metin</p>
<p>!metin</p>
<p class="www">!metin?</p>
<p class="www">!metin?</p>
Örnek
Bir fonksiyon yardımıyla, içinde
strong
etiketi bulunan tüm paragrafları bulalım
ve içlerine '!!!' metnini koyalım:
<p><strong>metin</strong></p>
<p><strong>metin</strong></p>
<p>metin</p>
<p>metin</p>
$('p').filter(function() {
return $('strong', this).length === 1;
}).html('!!!');
HTML kodu şu şekilde görünecektir:
<p>!!!</p>
<p>!!!</p>
<p>metin</p>
<p>metin</p>