jQuery broers en zussen() Methode
Voorbeeld
Retourneer alle zusterelementen van elk <li>-element met de klassenaam "start":
$(document).ready(function(){
$("li.start").siblings().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 broers/zussen() retourneert alle broer/zus-elementen van het geselecteerde element.
Sibling-elementen zijn elementen die dezelfde ouder delen.
De DOM-boom: deze methode gaat vooruit en achteruit langs broers en zussen van DOM-elementen.
Tip: Gebruik de methode prev() of next() om de zoekopdracht naar alleen vorige of volgende broer/zus-elementen te verfijnen.
Syntaxis
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Probeer het zelf - Voorbeelden
Hoe u beide parameters kunt gebruiken om de zoekopdracht naar broer/zus-elementen te filteren.
Hoe u de zoekopdracht kunt verfijnen voor alle broers en zussen <p>-elementen van elk <div>-element.