Latest web development tutorials

jQuery przejścia - przodek

Przodkowie ojciec, dziadek i pradziadek, i tak dalej.

Przez jQuery, można przechodzić w górę drzewa DOM elementów przodka.

Do przemierzać drzewa DOM

Te metody jQuery są użyteczne, są one wykorzystywane do przechodzenia w górę drzewa DOM:

  • parent ()
  • rodzice ()
  • parentsUntil ()

Metoda jQuery parent ()

Metoda parent () zwraca natychmiastowe elementu nadrzędnego wybranego elementu.

Ta metoda tylko jedną parę drzewa DOM przechodzenie.

Poniższy przykład zwraca natychmiastowe każdego elementu nadrzędnego <span> elementu:

Przykłady

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

Spróbuj »

Rodzice jQuery () metoda

Rodzice () metoda zwraca przodek wszystkich elementów wybranego elementu, to przez całą drogę aż do elementu głównego dokumentu (<html>).

Poniższy przykład zwraca cały przodek wszystkich <span> element:

Przykłady

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

Spróbuj »

Można także skorzystać z opcjonalnych parametrów filtrowania poszukiwania elementów przodka.

Poniższy przykład zwraca cały przodek wszystkich <span> element, i to jest element <ul>:

Przykłady

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

Spróbuj »

Metoda jQuery parentsUntil ()

parentsUntil () metoda zwraca przodka wszystkich elementów pomiędzy dwoma podanymi elementami.

Poniższy przykład zwraca przodka między wszystkimi elementami <span> i <div> w dniach:

Przykłady

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

Spróbuj »