jQuery next() Metoda
Przykład
Zwróć następny element rodzeństwa każdego elementu <li> 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)
Definicja i użycie
Metoda next() zwraca następny element równorzędny wybranego elementu.
Elementy rodzeństwo to elementy, które mają tego samego rodzica.
Drzewo DOM: ta metoda przechodzi do przodu wzdłuż następnego rodzeństwa elementów DOM.
Powiązane 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)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Spróbuj sam - przykłady
Jak wybrać następny element rodzeństwa każdego elementu <div>.
Jak wybrać następny element rodzeństwa <p> każdego elementu <div>.