Przeglądanie - rodzeństwa

Potomkowie to syn, wnuk, prawnuk itp.

Dzięki jQuery, możesz przeszukiwać drzewo DOM, aby znaleźć potomków elementów.

Przeszukiwanie w dół drzewa DOM

Poniżej znajdują się dwa metody jQuery używane do przeszukiwania w dół drzewa DOM:

  • children()
  • find()

Metoda children() jQuery

Metoda children() zwraca wszystkie bezpośrednie potomki wybranych elementów.

Ta metoda przeszukuje tylko jedno poziome DOM.

Poniższy przykład zwraca wszystkie bezpośrednie potomki każdego elementu <div>:

Przykład

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

Spróbuj sam

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

Poniższy przykład zwraca wszystkie elementy <p> o klasie "1", które są bezpośrednimi potomkami <div>:

Przykład

$("document").ready(function(){
  $("div").children("p.1");
});

Spróbuj sam

Metoda find() jQuery

Metoda find() zwraca potomki wybranych elementów, w dół aż do ostatniego potomka.

Poniższy przykład zwraca wszystkie elementy <span>, które są potomkami <div>:

Przykład

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

Spróbuj sam

Poniższy przykład zwraca wszystkie potomki <div>:

Przykład

$("document").ready(function(){
  $("div").find("*");
});

Spróbuj sam

Przewodnik po przeszukiwaniu jQuery

Aby dowiedzieć się o wszystkich metodach przeszukiwania jQuery, odwiedź naszą Przewodnik po przeszukiwaniu jQuery。