jQuery prevAll() Methode
Beispiel
Gibt alle vorherigen Geschwisterelemente jedes <li>-Elements mit dem Klassennamen "start" zurück:
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
Ergebnis:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definition und Verwendung
Die Methode prevAll() gibt alle vorherigen Geschwisterelemente des ausgewählten Elements zurück.
Geschwisterelemente sind Elemente, die denselben Elternteil haben.
Der DOM-Baum: Diese Methode durchläuft rückwärts Geschwister von DOM-Elementen.
Verwandte Methoden:
- prev() - gibt das nächste Geschwisterelement des ausgewählten Elements zurück
- prevUntil() - gibt alle nächsten Geschwisterelemente zwischen zwei gegebenen Argumenten zurück
Syntax
$(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. |
Probieren Sie es selbst aus - Beispiele
eingrenzen So filtern Sie die Suche nach vorherigen Geschwisterelementen.
gleichgeordnete Elemente zurückgeben So verwenden Sie den Filterparameter, um alle gleichgeordneten Elemente eines <h2>-Elements zurückzugeben, die die Klassennamen "first", "second" und "third" haben.
auswählen So wählen Sie alle vorherigen Geschwisterelemente eines <p>-Elements aus.
auswählen So wählen Sie alle vorherigen gleichgeordneten <p>-Elemente von jedem <div>-Element aus.