Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Ruch - Przodkowie

❮ Poprzedni Następny Rozdział ❯

Przodek jest rodzicem, dziadkiem, pra-dziadka, i tak dalej.

Z jQuery można przechodzić w górę drzewa DOM w celu wyszukiwania przodków elementu.

Ruch w górę drzewa DOM

Trzy użyteczne metody jQuery do przechodzenia w górę drzewa DOM są:

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

jQuery parent() Metoda

parent() metoda zwraca bezpośredniego elementu nadrzędnego wybranego elementu.

Ta metoda tylko przechodzą jeden poziom wyżej w drzewie DOM.

Poniższy przykład zwraca bezpośredniego elementu nadrzędnego każdego <span> elementów:

Przykład

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

jQuery parents() Metoda

parents() Metoda zwraca wszystkie elementy przodka wybranego elementu, przez całą drogę aż do elementu głównego dokumentu (<html>) .

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

Przykład

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

Można też użyć opcjonalnego parametru filtrowania poszukiwania przodków.

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

Przykład

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

jQuery parentsUntil() Metoda

parentsUntil() Metoda zwraca wszystkich elementów nadrzędnych pomiędzy dwoma podanymi argumentami.

Poniższy przykład zwraca wszystkie elementów nadrzędnych między A <span> i <div> Element:

Przykład

$(document).ready(function(){
    $("span").parentsUntil("div");
});
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ł ❯