jQuery next() Methode
Beispiel
Gibt das nächste Geschwisterelement jedes <li>-Elements mit dem Klassennamen „start“ zurück:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
Ergebnis:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definition und Verwendung
Die Methode next() gibt das nächste gleichgeordnete Element des ausgewählten Elements zurück.
Geschwisterelemente sind Elemente, die denselben Elternteil haben.
Der DOM-Baum: Diese Methode traversiert vorwärts entlang des nächsten Geschwisters von DOM-Elementen.
Verwandte Methoden:
- nextAll() - gibt alle nächsten Geschwisterelemente des ausgewählten Elements zurück
- nextUntil() - gibt alle nächsten Geschwisterelemente zwischen zwei gegebenen Argumenten zurück
Syntax
$(selector).next(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Probieren Sie es selbst aus - Beispiele
So wählen Sie das nächste gleichgeordnete Element jedes <div>-Elements aus.
eingrenzen So wählen Sie das nächste gleichgeordnete <p>-Element jedes <div>-Elements aus.