jQuery nextTot() Methode
Voorbeeld
Retourneer alle broer/zus-elementen tussen twee <li>-elementen met de klassenaam "start" en "stop":
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
Resultaat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
Definitie en gebruik
De methode nextUntil() retourneert alle elementen van de volgende broer of zus tussen de selector en stop .
Sibling-elementen zijn elementen die dezelfde ouder delen.
De DOM-boom: deze methode gaat voorwaarts langs broers en zussen van DOM-elementen.
Opmerking: als beide parameters leeg zijn, retourneert deze methode alle volgende broer/zus-elementen (hetzelfde als de methode nextAll() ).
Gerelateerde methoden:
- next() - retourneert het volgende broer of zus-element van het geselecteerde element
- nextAll() - retourneert alle volgende broer/zus-elementen van het geselecteerde element
Syntaxis
$(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. |
Probeer het zelf - Voorbeelden
Gebruik beide parameters om de zoekopdracht te filteren naar de volgende broer/zus-elementen tussen twee argumenten.
Hoe meerdere broer/zus-elementen tussen twee argumenten worden geretourneerd.
Een DOM-element gebruiken in plaats van een selector om alle broers en zussen twee gegeven argumenten te retourneren.
Een DOM-element gebruiken in plaats van een selector en beide parameters om de zoekopdracht tussen twee argumenten te filteren op de volgende broer of zus.