jQuery Tarama - Filtreleme

Aranan Element Aralığını Kısaltma

En temel üç filtreleme yöntemi: first(), last() ve eq()'dur, bu yöntemler, bir grup elementindeki bir elementi belirli bir konumda seçmenizi sağlar.

Diğer filtreleme yöntemleri, örneğin filter() ve not(), belirli bir standarta uyumayan veya uyan elementleri seçmenizi sağlar.

jQuery first() Yöntemi

first() yöntemi, seçilen elementin en ilk elementini döndürür.

Aşağıdaki örnek, en ilk <div> elementindeki en ilk <p> elementini seçer:

Örnek

$(document).ready(function(){
  $("div p").first();
});

Kişisel olarak deneyin

jQuery last() Yöntemi

last() yöntemi, seçilen elementin en son elementini döndürür.

Aşağıdaki örnek, en son <div> elementindeki en son <p> elementini seçer:

Örnek

$(document).ready(function(){
  $("div p").last();
});

Kişisel olarak deneyin

jQuery eq() Yöntemi

eq() yöntemi, belirtilen dizgi numarasına sahip elementi döndürür.

Dizgi numaraları 0'dan başlar, bu yüzden ilk elementin dizgi numarası 0'dır, 1 değildir. Aşağıdaki örnek, ikinci <p> elementini (dizgi numarası 1) seçer:

Örnek

$(document).ready(function(){
  $("p").eq(1);
});

Kişisel olarak deneyin

jQuery filter() Yöntemi

filter() yöntemi, bir standart belirlemenizi sağlar. Bu standarta uymayan elementler koleksiyondan çıkarılır, uyumayan elementler geri döndürülür.

Aşağıdaki örnek, "intro" sınıfı adını taşıyan tüm <p> elementlerini döndürür:

Örnek

$(document).ready(function(){
  $("p").filter(".intro");
});

Kişisel olarak deneyin

jQuery not() Yöntemi

not() yöntemi, standartlara uymayan tüm elementleri döndürür.

İpucu:not() yöntemi, filter() ile tam tersidir.

Aşağıdaki örnek, "intro" sınıfı adını taşımayan tüm <p> elementlerini döndürür:

Örnek

$(document).ready(function(){
  $("p").not(".intro");
});

Kişisel olarak deneyin

jQuery Gezinti Referans Kılavuzu

Tüm jQuery gezinti yöntemlerini öğrenmek için bizim jQuery Gezinti Referans Kılavuzu