jQuery Geçişi - Atalar
jQuery ile bir öğenin atalarını bulmak için DOM ağacında gezinebilirsiniz.
Ata, ebeveyn, büyükanne ve büyükbaba, büyük büyükanne ve büyükbaba vb.
DOM Ağacında Yukarı Geçiş
DOM ağacında geçiş yapmak için üç kullanışlı jQuery yöntemi şunlardır:
parent()
parents()
parentsUntil()
jQuery parent() Yöntemi
Yöntem parent()
, seçilen öğenin doğrudan üst öğesini döndürür.
Bu yöntem, DOM ağacında yalnızca tek bir seviyeyi geçer.
Aşağıdaki örnek, her bir öğenin doğrudan üst öğesini döndürür <span>
:
Örnek
$(document).ready(function(){
$("span").parent();
});
jQuery parent() Yöntemi
Yöntem , belgenin kök öğesine ( ) parents()
kadar seçili öğenin tüm üst öğelerini döndürür .<html>
Aşağıdaki örnek, tüm
<span>
öğelerin tüm atalarını döndürür:
Örnek
$(document).ready(function(){
$("span").parents();
});
Atalar için aramayı filtrelemek için isteğe bağlı bir parametre de kullanabilirsiniz.
Aşağıdaki örnek, öğe olan tüm <span>
öğelerin tüm atalarını döndürür <ul>
:
Örnek
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentUntil() Yöntemi
Yöntem parentsUntil()
, verilen iki bağımsız değişken arasındaki tüm üst öğeleri döndürür.
Aşağıdaki örnek, a <span>
ile bir <div>
öğe arasındaki tüm üst öğeleri döndürür:
Örnek
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery Alıştırmaları
jQuery Geçiş Referansı
Tüm jQuery Traversing yöntemlerine tam bir genel bakış için lütfen jQuery Traversing Referansımıza gidin .