Przykład
Zwraca wszystkie kolejne elementy rodzeństwa każdego <li> element o nazwie 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)
Spróbuj sam " Definicja i Wykorzystanie
nextAll() Metoda zwraca wszystkie kolejne elementy rodzeństwa wybranego elementu.
Elementy rodzeństwo są elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda przechodzić do przodu wzdłuż rodzeństwa elementów DOM.
Podobne metody:
- next() - zwraca następny element rodzeństwo wybranego elementu
- nextUntil() - zwraca wszystkie kolejne elementy rodzeństwa pomiędzy dwoma podanymi argumentami
Składnia
$(selector).nextAll( filter )| Parametr | Opis |
|---|---|
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić poszukiwania kolejnych rodzeństwa Uwaga: Aby powrócić wiele rodzeństwa, oddziel każdy wyraz przecinkami. |
Spróbuj sam - przykłady
Sprecyzuj wyszukiwanie
Jak filtrować poszukiwania kolejnych elementów rodzeństwa.
Powrót wiele rodzeństwa
Za pomocą parametru filtra, aby uzyskać wszystkie rodzeństwo o <h2> elementu, które mają nazwy klasy "first", "second" i "third" .
Zaznacz wszystkie kolejne elementy rodzeństwa o <p> elementu
Jak zaznaczyć wszystkie kolejne elementy rodzeństwa o <p> elementu.
Zaznacz cały następny rodzeństwo <p> elementy <div>
Jak zaznaczyć wszystkie następne rodzeństwo <p> elementy każdego <div> elementu.