jQuery siblings() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce tutti gli elementi di pari livello di ogni elemento <li> con il nome della classe "start":
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
Risultato:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Definizione e utilizzo
Il metodo siblings() restituisce tutti gli elementi di pari livello dell'elemento selezionato.
Gli elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: questo metodo attraversa avanti e indietro lungo i fratelli degli elementi DOM.
Suggerimento: usa il metodo prev() o next() per restringere la ricerca solo agli elementi di pari livello precedenti o successivi.
Sintassi
$(selector).siblings(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Provalo tu stesso - Esempi
Come utilizzare entrambi i parametri per filtrare la ricerca di elementi di pari livello.
Come restringere la ricerca per tutti gli elementi di pari livello <p> di ciascun elemento <div>.
❮ Metodi di attraversamento jQuery