jQuery Traversing

❮ Önceki Sonraki Bölüm ❯

Bir ata böyle devam ebeveyn, büyükanne, büyük-büyükbaba ve.

jQuery ile bir elementin atalarını bulmak için DOM ağacını geçebilirler.

DOM Ağacı Yukarı Traversing

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

parent()
parents()
parentsUntil()

jQuery parent() Yöntem

parent() metodu, seçilen elemanın doğrudan ana elemanını döner.

Bu yöntem yalnızca DOM ağacının kadar tek seviyesini çapraz.

Aşağıdaki örnek, her doğrudan ana elemanını döner <span> elemanlar:

Örnek

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

Kendin dene "

jQuery parents() Metodu

parents() metodu belgenin kök elemanı kadar tüm yol, seçilen elemanın tüm atası elemanlarını döndürür (<html>) .

Aşağıdaki örnek, tüm ataları döner <span> elemanlar:

Örnek

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

Kendin dene "

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

Aşağıdaki örnek, tüm ataları döner <span> elemanlarının olan <ul> elemanlar:

Örnek

$(document).ready(function(){
$("span").parents("ul");
});

Kendin dene "

jQuery parentsUntil() Yöntem

parentsUntil() yöntemi, verilen iki bağımsız değişkenler arasındaki tüm ata elemanları döndürür.

Aşağıdaki örnek, arasındaki ata elemanları döner <span> ve <div> elemanı:

Örnek

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

Kendin dene "

Egzersizleri ile Yourself test edin!

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