Metodo nextAll() di jQuery per la traversata
Esempio
Trova tutte le classi successive al primo div e aggiungi loro la classe:
$("div:first").nextAll().addClass("after");
Definizione e uso
nextAll() ottiene tutti gli elementi gemelli seguenti di ciascun elemento nella raccolta di elementi abbinati, la filtratura tramite selettore è opzionale.
Sintassi
.nextAll(selector)
| Parametro | Descrizione |
|---|---|
| selector | Valore di stringa, che contiene l'espressione di selettore utilizzata per abbinare gli elementi. |
Spiegazione dettagliata
Se viene fornito un oggetto jQuery che rappresenta una raccolta di elementi DOM, il metodo .nextAll() ci permette di cercare gli elementi gemelli seguenti nelbero DOM e di costruire un nuovo oggetto jQuery con gli elementi che corrispondono.
Questo metodo accetta un'espressione di selettore opzionale, dello stesso tipo di quella che passo alla funzione $(). Se viene applicato un selettore, vengono filtrati gli elementi verificando se corrispondono.
Pensa a questa pagina con una semplice elenco:
<ul> <li>elemento elenco 1</li> <li>elemento elenco 2</li> <li class="third-item">elemento elenco 3</li> <li>elemento elenco 4</li> <li>elemento elenco 5</li> </ul>
Se partiamo dal progetto tre, possiamo trovare gli elementi che seguono:
$('li.third-item').nextAll().css('background-color', 'red');
Il risultato di questa chiamata è che i progetti 4 e 5 sono stati impostati con sfondo rosso. Poiché non abbiamo applicato un'espressione di selettore, l'elemento immediatamente successivo è chiaramente incluso come parte dell'oggetto. Se abbiamo già applicato un selettore, prima di includerlo verificheremo se corrisponde.
