jQuery Gezinti - Atalar

Ata, baba, dede veya daha uzaktaki atalar gibi tanımlanır.

jQuery ile, DOM ağacını yukarı doğru taramak ve elementin atasını bulmak mümkündür.

DOM Ağacını Yukarı Doğru Tarama

Bu jQuery yöntemleri çok faydalıdır, DOM ağacını yukarı doğru taramak için kullanılırlar:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() yöntemi

parent() yöntemi, seçilen elementin doğrudan ebeveyn elementini döndürür.

Bu yöntem yalnızca DOM ağacına bir üst seviyede tarama yapar.

Aşağıdaki örnek, her bir <span> elementinin doğrudan ebeveyn elementini döndürür:

Örnek

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

Kişisel olarak deneyin

jQuery parents() yöntemi

parents() yöntemi, seçilen elementin tüm atasını döndürür ve bu, belgenin kök elementine (<html>) kadar yükselir.

Aşağıdaki örnek, tüm <span> elementlerinin tüm atasını döndürür:

Örnek

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

Kişisel olarak deneyin

Ayrıca, ata elementleri aramasını filtrelemek için seçmeli bir parametre kullanabilirsiniz.

Aşağıdaki örnek, tüm <span> elementlerinin tüm atasını döndürür ve bu <ul> elementidir:

Örnek

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

Kişisel olarak deneyin

jQuery parentsUntil() yöntemi

parentsUntil() yöntemi, iki belirtilen element arasındaki tüm ata elementleri döndürür.

Aşağıdaki örnek, <span> ile <div> elementleri arasındaki tüm ata elementleri döndürür:

Örnek

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

Kişisel olarak deneyin

jQuery Tarayıcı Kılavuzu

Tüm jQuery tarayıcı yöntemlerini öğrenmek için bizim jQuery Tarayıcı Kılavuzu。