Przykład
Zwraca następny element rodzeństwo każdego <li> element o nazwie klasy "start" :
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px
solid red"});
});
Wynik:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Spróbuj sam " Definicja i Wykorzystanie
next() Metoda zwraca następny element rodzeństwo wybranego elementu.
Elementy rodzeństwo są elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda przechodzić do przodu wzdłuż kolejnego rodzeństwa elementów DOM.
Podobne metody:
- nextAll() - zwraca wszystkie kolejne elementy rodzeństwa wybranego elementu
- nextUntil() - zwraca wszystkie kolejne elementy rodzeństwa pomiędzy dwoma podanymi argumentami
Składnia
$(selector).next( filter )| Parametr | Opis |
|---|---|
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić wyszukiwanie następnej rodzeństwo |
Spróbuj sam - przykłady
Wybierz następny rodzeństwo każdego <div> elementu
Jak wybrać następny element rodzeństwo każdego <div> elementu.
Sprecyzuj wyszukiwanie
Jak wybrać następne rodzeństwo <p> element każdego <div> elementu.