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:

javascript.filter(seçici);

Parametre ayrıca DOM elemanları veya jQuery nesnesi de olabilir:

javascript.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:

javascript.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:

html<p>metin</p>
<p>metin</p>
<p class="www">metin</p>
<p class="www">metin</p>
javascript$('p').prepend('!').filter('.www').append('?');

HTML kodu şu şekilde görünecektir:

html<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:

html<p><strong>metin</strong></p>
<p><strong>metin</strong></p>
<p>metin</p>
<p>metin</p>
javascript$('p').filter(function() {
  return $('strong', this).length === 1;
}).html('!!!');

HTML kodu şu şekilde görünecektir:

html<p>!!!</p>
<p>!!!</p>
<p>metin</p>
<p>metin</p>

Ayrıca Bakınız

  • find metodu,
    seçilmiş elemanlar arasından seçiciye göre eleman bulur
  • has metodu,
    seçilmiş elemanlar kümesini alt elemanlara göre filtreler