Metoda jQuery nextAll()

❮ Metody przechodzenia jQuery

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


❮ Metody przechodzenia jQuery