jQuery- Geschwister()- Methode
Beispiel
Alle gleichgeordneten Elemente jedes <li>-Elements mit dem Klassennamen „start“ zurückgeben:
$(document).ready(function(){
$("li.start").siblings().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 siblings() gibt alle Geschwisterelemente des ausgewählten Elements zurück.
Geschwisterelemente sind Elemente, die denselben Elternteil haben.
Der DOM-Baum: Diese Methode durchläuft die Geschwister von DOM-Elementen vorwärts und rückwärts.
Tipp: Verwenden Sie die prev()- oder next()- Methode, um die Suche nur auf vorherige oder nächste gleichgeordnete Elemente einzugrenzen.
Syntax
$(selector).siblings(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Probieren Sie es selbst aus - Beispiele
eingrenzen So verwenden Sie beide Parameter, um die Suche nach Geschwisterelementen zu filtern.
So grenzen Sie die Suche nach allen gleichgeordneten <p>-Elementen jedes <div>-Elements ein.