jQuery prevAll() Methode
Voorbeeld
Retourneer alle vorige broer/zus-elementen van elk <li>-element met de klassenaam "start":
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
Resultaat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definitie en gebruik
De methode prevAll() retourneert alle voorgaande zusterelementen van het geselecteerde element.
Sibling-elementen zijn elementen die dezelfde ouder delen.
De DOM-boom: deze methode gaat achteruit langs broers en zussen van DOM-elementen.
Gerelateerde methoden:
- prev() - geeft het volgende broer/zus-element van het geselecteerde element terug
- prevUntil() - retourneert alle volgende broer/zus-elementen tussen twee gegeven argumenten
Syntaxis
$(selector).prevAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for previous siblings Note: To return multiple siblings, separate each expression with a comma. |
Probeer het zelf - Voorbeelden
Hoe de zoekopdracht voor eerdere broer/zus-elementen te filteren.
Hoe de filterparameter te gebruiken om alle broers en zussen van een <h2>-element te retourneren met de klassennamen "first", "second" en "third".
Hoe selecteert u alle eerdere broer/zus-elementen van een <p>-element.
Hoe selecteert u alle vorige broer/zus <p> elementen van elk <div> element.