Metoda jQuery nextUntil()
Przykład
Zwróć wszystkie elementy równorzędne między dwoma elementami <li> z nazwami klasy „start” i „stop”:
$(document).ready(function(){
$("li.start").nextUntil("li.stop").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)
- li (sibling with class name "stop")
Definicja i użycie
Metoda nextUntil() zwraca wszystkie kolejne elementy równorzędne między selektorem a stop .
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.
Uwaga: Jeśli oba parametry są puste, ta metoda zwróci wszystkie następne elementy rodzeństwa (tak samo, jak metoda nextAll() ).
Powiązane metody:
- next() - zwraca następny element rodzeństwa wybranego elementu
- nextAll() - zwraca wszystkie kolejne elementy rodzeństwa wybranego elementu
Składnia
$(selector).nextUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
Spróbuj sam - przykłady
Używanie obu parametrów do filtrowania wyszukiwania kolejnych elementów rodzeństwa między dwoma argumentami.
Jak zwrócić wiele elementów rodzeństwa między dwoma argumentami.
Użycie elementu DOM zamiast selektora do zwrócenia wszystkich elementów rodzeństwa dwóch podanych argumentów.
Używanie elementu DOM zamiast selektora i obu parametrów do filtrowania następnego wyszukiwania rodzeństwa między dwoma argumentami.