jQuery Geçişi - Torunları

jQuery ile bir öğenin torunlarını bulmak için DOM ağacında aşağı doğru hareket edebilirsiniz.

Torun, bir çocuk, torun, büyük torun vb.

DOM Ağacından Aşağı Geçiş

DOM ağacında aşağı doğru geçiş yapmak için iki kullanışlı jQuery yöntemi şunlardır:

Yöntem children(), seçilen öğenin tüm doğrudan alt öğelerini döndürür.

Bu yöntem, DOM ağacında yalnızca tek bir düzeyden geçer.

Aşağıdaki örnek, her bir öğenin doğrudan çocukları olan tüm öğeleri döndürür <div>:

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

Alt aramayı filtrelemek için isteğe bağlı bir parametre de kullanabilirsiniz.

Aşağıdaki örnek <p>, sınıfın doğrudan çocukları olan "first" sınıf adına sahip tüm öğeleri döndürür <div>:

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

Yöntem find(), seçilen öğenin alt öğelerini son alt öğeye kadar döndürür.

Aşağıdaki örnek <span>, torunları olan tüm öğeleri döndürür <div>:

$(document).ready(function(){
$("div").find("span");
});

Aşağıdaki örnek, aşağıdakilerin tüm torunlarını döndürür <div>:

$(document).ready(function(){
$("div").find("*");
});

Tüm jQuery Traversing yöntemlerine tam bir genel bakış için lütfen jQuery Traversing Referansımıza gidin .