jQuery next() Metoda

❮ Metody przechodzenia jQuery

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>.


❮ Metody przechodzenia jQuery