<Metodi jQuery a movimento laterale
Esempio
Ritorna tutti gli elementi di pari livello di ogni <li> elemento con class nome "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)
Prova tu stesso " Definizione e utilizzo
L' siblings() restituisce tutti gli elementi di pari livello dell'elemento selezionato.
elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: Questo metodo attraversare avanti e indietro lungo fratelli di elementi DOM.
Suggerimento: Utilizzare il prev() o next() metodo per limitare la ricerca solo per elementi di pari livello precedente o successiva.
Sintassi
$(selector).siblings( filter )| Parametro | Descrizione |
|---|---|
| filter | Facoltativo. Specifica un'espressione selettore per restringere la ricerca di elementi di pari livello |
Provate voi stessi - Esempi
Affina la ricerca
Come utilizzare entrambi i parametri per filtrare la ricerca di elementi di pari livello.
Seleziona tutte le fratello <p> elementi di ogni <div> elemento
Come limitare la ricerca per tutte le fratello <p> elementi di ogni <div> elemento.