<Metodi jQuery a movimento laterale
Esempio
Riportare l'elemento di pari livello successivo di ogni <li> elemento con il nome della classe "start" :
$(document).ready(function(){
$("li.start").next().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
Il next() restituisce l'elemento di pari livello successivo dell'elemento selezionato.
elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: Questo metodo attraversare in avanti lungo il successivo fratello di elementi DOM.
metodi correlati:
- nextAll() - restituisce tutti gli elementi di pari livello prossimo dell'elemento selezionato
- nextUntil() - restituisce tutti gli elementi di pari livello prossimo tra due date argomenti
Sintassi
$(selector).next( filter )| Parametro | Descrizione |
|---|---|
| filter | Facoltativo. Specifica un'espressione selettore per restringere la ricerca successiva di pari livello |
Provate voi stessi - Esempi
Selezionare il successivo fratello di ogni <div> elemento
Come selezionare l'elemento di pari livello successivo di ogni <div> elemento.
Affina la ricerca
Come selezionare il successivo fratello <p> elemento di ogni <div> elemento.