Metoda jQuery nextAll()
Przykład
Zwróć wszystkie kolejne elementy rodzeństwa każdego elementu <li> z nazwą klasy „start”:
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});
Wynik:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Definicja i użycie
Metoda nextAll() zwraca wszystkie kolejne elementy równorzędne wybranego elementu.
Elementy rodzeństwo to elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda porusza się naprzód wzdłuż rodzeństwa elementów DOM.
Powiązane metody:
- next() - zwraca następny element rodzeństwa wybranego elementu
- nextUntil() - zwraca wszystkie kolejne elementy rodzeństwa pomiędzy dwoma podanymi argumentami
Składnia
$(selector).nextAll(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
Spróbuj sam - przykłady
Jak filtrować wyszukiwanie kolejnych elementów rodzeństwa.
Użycie parametru filter do pobrania rodzeństwa elementu <h2> o nazwach klas „pierwszy”, „drugi” i „trzeci”.
Jak wybrać wszystkie następne elementy rodzeństwa elementu <p>.
Jak wybrać wszystkie następne elementy rodzeństwa <p> każdego elementu <div>.