Przegląd - potomkowie

Przodkiem jest rodzic, dziadek, pradziadek itp.

Dzięki jQuery, możesz przeglądać drzewo DOM w górę, aby znaleźć przodków elementów.

Przeglądanie drzewa DOM w górę

Te metody jQuery są bardzo przydatne, ponieważ są używane do przeglądania drzewa DOM w górę:

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

Metoda jQuery parent()

Metoda parent() zwraca bezpośredniego rodzica wybranego elementu.

Ta metoda przechodzi tylko do jednego poziomu w górę drzewa DOM.

Poniższy przykład zwraca bezpośredniego rodzica każdego elementu <span>:

Przykład

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

Spróbuj sam

Metoda jQuery parents()

Metoda parents() zwraca wszystkich przodków wybranego elementu, włącznie z elementami do korzenia dokumentu (<html>).

Poniższy przykład zwraca wszystkich przodków wszystkich elementów <span>:

Przykład

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

Spróbuj sam

Możesz również użyć opcjonalnych parametrów, aby filtrować wyszukiwanie przodków.

Poniższy przykład zwraca wszystkich przodków wszystkich elementów <span>, które są elementami <ul>:

Przykład

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

Spróbuj sam

Metoda jQuery parentsUntil()

Metoda parentsUntil() zwraca wszystkich przodków między dwoma podanymi elementami.

Poniższy przykład zwraca wszystkie przodków elementów między <span> a <div> elementami:

Przykład

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

Spróbuj sam

jQuery podręcznik przeglądania

Aby dowiedzieć się o wszystkich metodach przeglądania jQuery, odwiedź naszą jQuery podręcznik przeglądania.