<Metodi jQuery a movimento laterale
Esempio
Ritorna tutti gli elementi di pari livello prossimo di ogni <li> elemento con il nome della classe "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
Risultato:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Prova tu stesso " Definizione e utilizzo
Il nextAll() restituisce tutti gli elementi di pari livello prossimo dell'elemento selezionato.
elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: Questo metodo attraversare in avanti lungo fratelli di elementi DOM.
metodi correlati:
- next() - restituisce l'elemento di pari livello successivo dell'elemento selezionato
- nextUntil() - restituisce tutti gli elementi di pari livello prossimo tra due date argomenti
Sintassi
$(selector).nextAll( filter )| Parametro | Descrizione |
|---|---|
| filter | Facoltativo. Specifica un'espressione selettore per restringere il campo di ricerca per i prossimi fratelli Nota: Per restituire più fratelli, separare ogni espressione con una virgola. |
Provate voi stessi - Esempi
Affina la ricerca
Come filtrare la ricerca per i prossimi elementi di pari livello.
Restituire più fratelli
Utilizzando il parametro di filtro per ottenere tutti i fratelli di un <h2> elemento che hanno i nomi di classe "first", "second" e "third" .
Selezionare tutti gli elementi di pari livello prossimo di un <p> elemento
Come selezionare tutti gli elementi di pari livello prossimo di un <p> elemento.
Seleziona tutti successivo fratello <p> elementi <div>
Come selezionare tutti successivo fratello <p> elementi di ogni <div> elemento.