Neueste Web-Entwicklung Tutorials
 

jQuery siblings() Method

<JQuery Verfahrgeschwindigkeit Methoden

Beispiel

Gibt alle Geschwisterelemente von jedem <li> Element mit class "start" :

$(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)
Versuch es selber "

Definition und Verwendung

Die siblings() Methode gibt alle Geschwister Elemente des ausgewählten Elements.

Geschwisterelemente sind Elemente, die die gleichen Eltern teilen.

Der DOM - Baum: Diese Methode durchqueren vorwärts und rückwärts entlang Geschwister von DOM - Elementen.

Tipp: Verwenden Sie die prev() oder next() Methode , um die Suche zu verengen nur vorherigen oder nächsten Geschwisterelemente.


Syntax

$(selector).siblings( filter )

Parameter Beschreibung
filter Optional. Gibt einen Selektor Ausdruck der Suche nach Geschwisterelemente zu verengen

Probieren Sie es selbst - Beispiele

Verfeinern Sie die Suche
Wie beide Parameter verwenden, um die Suche nach Geschwisterelementen zu filtern.

Wählen Sie alle Geschwister <div> <p> Elemente jedes <div> Element
Wie für alle Geschwister um die Suche zu verengen <p> Elemente jedes <div> Element.


<JQuery Verfahrgeschwindigkeit Methoden