jQuery Traversing - Przodkowie
Dzięki jQuery możesz przeszukiwać drzewo DOM, aby znaleźć przodków elementu.
Przodek jest rodzicem, dziadkiem, pradziadkiem i tak dalej.
Przemierzanie drzewa DOM
Trzy przydatne metody jQuery do przechodzenia w górę drzewa DOM to:
parent()parents()parentsUntil()
Metoda jQuery parent()
Metoda parent()zwraca bezpośredni element nadrzędny wybranego elementu.
Ta metoda przechodzi tylko jeden poziom w górę drzewa DOM.
Poniższy przykład zwraca bezpośredni element nadrzędny każdego <span>
elementu:
Przykład
$(document).ready(function(){
$("span").parent();
});
jQuery rodzice() Metoda
Metoda parents()zwraca wszystkie elementy przodków wybranego elementu, aż do elementu głównego dokumentu ( <html>).
Poniższy przykład zwraca wszystkich przodków wszystkich
<span>elementów:
Przykład
$(document).ready(function(){
$("span").parents();
});
Możesz również użyć opcjonalnego parametru do filtrowania wyszukiwania przodków.
Poniższy przykład zwraca wszystkich przodków wszystkich <span>elementów, które są <ul>
elementami:
Przykład
$(document).ready(function(){
$("span").parents("ul");
});
Metoda jQuery parentUntil()
Metoda parentsUntil()zwraca wszystkie elementy przodków między dwoma podanymi argumentami.
Poniższy przykład zwraca wszystkie elementy przodków między a <span>a <div>elementem:
Przykład
$(document).ready(function(){
$("span").parentsUntil("div");
});
Ćwiczenia z jQuery
jQuery Traversing Reference
Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .