Exemple
Retour tous les éléments frères et sœurs de chaque <li> élément avec class nom "start" :
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px
solid red"});
});
Résultat:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Essayez - le vous - même » Définition et utilisation
La siblings() méthode renvoie tous les éléments frères de l'élément sélectionné.
éléments fratries sont des éléments qui partagent le même parent.
L'arbre DOM: Cette méthode traverse avant et en arrière le long de la fratrie des éléments DOM.
Astuce: Utilisez le prev() ou next() méthode pour affiner la recherche uniquement éléments frères précédents ou suivants.
Syntaxe
$(selector).siblings( filter )
Paramètre | La description |
---|---|
filter | Optionnel. Indique une expression de sélection pour affiner la recherche d'éléments frères |
Essayez-le vous-même - Exemples
Affiner la recherche
Comment utiliser les deux paramètres pour filtrer la recherche d'éléments frères et sœurs.
Sélectionnez tous les frères et sœurs <p> éléments de chaque <div> élément
Comment affiner la recherche pour tous les frères et sœurs <p> éléments de chaque <div> élément.