jQuery Traversing - Rodzeństwo
Dzięki jQuery możesz przeszukiwać bokiem w drzewie DOM, aby znaleźć rodzeństwo elementu.
Rodzeństwo ma tego samego rodzica.
Traversing Sideways w drzewie DOM
Istnieje wiele przydatnych metod jQuery do przechodzenia na boki w drzewie DOM:
siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()
jQuery rodzeństwo() Metoda
Metoda siblings()zwraca wszystkie elementy równorzędne wybranego elementu.
Poniższy przykład zwraca wszystkie elementy rodzeństwa <h2>:
Przykład
$(document).ready(function(){
$("h2").siblings();
});
Możesz również użyć opcjonalnego parametru, aby filtrować wyszukiwanie rodzeństwa.
Poniższy przykład zwraca wszystkie elementy rodzeństwa, <h2>które są <p>
elementami:
Przykład
$(document).ready(function(){
$("h2").siblings("p");
});
jQuery next() Metoda
Metoda next()zwraca następny element równorzędny wybranego elementu.
Poniższy przykład zwraca następne rodzeństwo <h2>:
Przykład
$(document).ready(function(){
$("h2").next();
});
Metoda jQuery nextAll()
Metoda nextAll()zwraca wszystkie kolejne elementy równorzędne wybranego elementu.
Poniższy przykład zwraca wszystkie kolejne elementy rodzeństwa
<h2>:
Przykład
$(document).ready(function(){
$("h2").nextAll();
});
Metoda jQuery nextUntil()
Metoda nextUntil()zwraca wszystkie kolejne elementy równorzędne między dwoma podanymi argumentami.
Poniższy przykład zwraca wszystkie elementy rodzeństwa między a <h2>i <h6>elementem:
Przykład
$(document).ready(function(){
$("h2").nextUntil("h6");
});
jQuery prev(), prevAll() i prevUntil() Metody
Metody prev(), prevAll()i prevUntil()działają tak samo jak powyższe metody, ale z funkcją odwrotną: zwracają poprzednie elementy równorzędne (przechodzenie wstecz wzdłuż elementów równorzędnych w drzewie DOM, zamiast do przodu).
Ćwiczenia z jQuery
jQuery Traversing Reference
Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .