Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Ruch - Potomkowie

❮ Poprzedni Następny Rozdział ❯

Potomek to dziecko, wnuk, prawnuk, i tak dalej.

Z jQuery można przechodzić w dół drzewa DOM znaleźć potomków elementu.

Ruch w dół drzewa DOM

Dwa użyteczne metody jQuery do przechodzenia w dół drzewa DOM są:

  • children()
  • find()

jQuery children() Metoda

children() Metoda zwraca wszystkie bezpośrednie dzieci wybranego elementu.

Ta metoda tylko przechodzą jeden poziom w dół w drzewie DOM.

Poniższy przykład zwraca wszystkie elementy, które są bezpośrednimi dzieci każdego <div> elementy:

Przykład

$(document).ready(function(){
    $("div").children();
});
Spróbuj sam "

Można też użyć opcjonalnego parametru filtrowania poszukiwanie dzieci.

Poniższy przykład zwraca wszystkie <p> elementy z nazwą klasy "first" , które są bezpośrednimi dzieci <div> :

Przykład

$(document).ready(function(){
    $("div").children("p.first");
});
Spróbuj sam "

jQuery find() Metoda

Z find() zwraca metoda elementów potomnych wybranego elementu, aż do ostatniego potomka.

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

Przykład

$(document).ready(function(){
    $("div").find("span");
});
Spróbuj sam "

Poniższy przykład zwraca wszystkie elementy podrzędne <div> :

Przykład

$(document).ready(function(){
    $("div").find("*");
});
Spróbuj sam "

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4»

jQuery referowanie

Aby uzyskać pełny przegląd wszystkich metod jQuery postępowe, przejdź do naszej jQuery referowanie .


❮ Poprzedni Następny Rozdział ❯