jQuery prevUntil() Methode
Voorbeeld
Retourneer alle broer/zus-elementen tussen twee <li>-elementen met de klassenaam "start" en "stop":
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
Resultaat:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definitie en gebruik
De methode prevUntil() retourneert alle voorgaande zusterelementen tussen de selector en stop .
Sibling-elementen zijn elementen die dezelfde ouder delen.
De DOM-boom: deze methode gaat achteruit langs broers en zussen van DOM-elementen.
Opmerking: als beide parameters leeg zijn, retourneert deze methode alle eerdere broer/zus-elementen (hetzelfde als de prevAll()- methode).
Gerelateerde methoden:
- prev() - retourneert het vorige broer/zus-element van het geselecteerde element
- prevAll() - retourneert alle voorgaande zusterelementen van het geselecteerde element
Syntaxis
$(selector).prevUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for previous 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 op eerdere 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 zusterelementen tussen twee argumenten te retourneren.
Een DOM-element gebruiken in plaats van een selector en beide parameters om de vorige zoekopdracht tussen twee argumenten te filteren.