jQuery Traversing

❮ Önceki Sonraki Bölüm ❯

Bir astsal, bir çocuk, torun, torun çocuğu olduğunu ve.

jQuery ile bir elementin kökenini bulmak için DOM ağacı geçebilirler.

DOM Ağacı Aşağı Traversing

DOM ağacının dibine geçme için iki kullanışlı jQuery yöntemleri şunlardır:

children()
find()

jQuery children() Metodu

children() metodu seçilen elemanın tüm doğrudan çocukları döndürür.

Bu yöntem yalnızca DOM ağacının aşağıya doğru tek seviyesini çapraz.

Aşağıdaki örnek, her doğrudan çocuklardır tüm unsurları döndürür <div> elemanlarının:

Örnek

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

Kendin dene "

Ayrıca çocuklar için arama filtrelemek için isteğe bağlı parametresini kullanabilirsiniz.

Aşağıdaki örnek, tüm döndürür <p> sınıf adıyla elemanları "first" doğrudan çocuklarıyız, <div> :

Örnek

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

Kendin dene "

jQuery find() Yöntem

find() yöntemi döndürür seçilen elemanının elemanları, son soyundan kadar bütün yol soyundan.

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

Örnek

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

Kendin dene "

Aşağıdaki örnek tüm alt öğelerini döndürür <div> :

Örnek

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

Kendin dene "

Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Alıştırma 4»