jQuery metodo nextAll()
❮ Metodi di attraversamento jQuery
Esempio
Restituisce tutti gli elementi fratelli successivi di ogni elemento <li> 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)
Definizione e utilizzo
Il metodo nextAll() restituisce tutti gli elementi di pari livello successivi dell'elemento selezionato.
Gli elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: questo metodo attraversa i fratelli degli elementi DOM.
Metodi correlati:
- next() - restituisce l'elemento di pari livello successivo dell'elemento selezionato
- nextUntil() - restituisce tutti gli elementi di pari livello successivi tra due argomenti dati
Sintassi
$(selector).nextAll(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
Provalo tu stesso - Esempi
Come filtrare la ricerca per elementi di pari livello.
Usare il parametro filter per ottenere tutti i fratelli di un elemento <h2> che hanno nomi di classe "first", "second" e "third".
Come selezionare tutti gli elementi fratelli successivi di un elemento <p>.
Come selezionare tutti gli elementi fratelli successivi <p> di ciascun elemento <div>.
❮ Metodi di attraversamento jQuery