jQuery next() Methode
Voorbeeld
Retourneer het volgende broer of zus-element van elk <li>-element met de klassenaam "start":
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Resultaat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definitie en gebruik
De methode next() retourneert het volgende broer/zus-element van het geselecteerde element.
Sibling-elementen zijn elementen die dezelfde ouder delen.
De DOM-boom: deze methode gaat vooruit langs de volgende broer of zus van DOM-elementen.
Gerelateerde methoden:
- nextAll() - retourneert alle volgende broer/zus-elementen van het geselecteerde element
- nextUntil() - geeft alle volgende broer/zus-elementen terug tussen twee gegeven argumenten
Syntaxis
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Probeer het zelf - Voorbeelden
Het selecteren van de volgende broer of zus van elk <div>-element.
Het selecteren van het volgende <p>-element van elk <div>-element.