Latest web development tutorials

jQuery przejścia - potomstwo

Potomkiem jest dzieckiem, wnukiem, prawnuki, i tak dalej.

Przez jQuery, to przechodzenie w dół drzewa DOM aby znaleźć elementy podrzędne.

Przechodzenie drzewa DOM dół

Oto dwa na przejeżdżające drzewa DOM dół metod jQuery:

  • dzieci ()
  • find ()

Metoda jQuery dzieci ()

Metoda dzieci () zwraca wybrany element wszystkie bezpośrednie elementy podrzędne.

Ta metoda tylko jedna para dół drzewa DOM przejścia.

Poniższy przykład zwraca każdy element <div> wszystkich bezpośrednich elementów potomnych:

Przykłady

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

Spróbuj »

Można też użyć opcjonalnego parametru do filtrowania wyszukać podelementów.

Poniższy przykład zwraca nazwę klasy "1" we wszystkich <p> elementów, a są one <div> bezpośrednie elementy podrzędne:

Przykłady

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

Spróbuj »

Metoda jQuery find ()

Metoda find () zwraca wybrane elementy elementem zstępnym, całą drogę w dół do ostatniego potomka.

Poniższy przykład zwraca należą <div> <span> wszystkich potomków elementów:

Przykłady

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

Spróbuj »

Poniższy przykład zwraca <div> Wszystkie generacje:

Przykłady

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

Spróbuj »