jQuery next() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce l'elemento fratello successivo di ogni elemento <li> 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)
Definizione e utilizzo
Il metodo next() restituisce l'elemento di pari livello successivo dell'elemento selezionato.
Gli elementi di pari livello sono elementi che condividono lo stesso genitore.
L'albero DOM: questo metodo si sposta in avanti lungo il fratello successivo degli elementi DOM.
Metodi correlati:
- nextAll() - restituisce tutti gli elementi di pari livello successivi dell'elemento selezionato
- nextUntil() - restituisce tutti gli elementi di pari livello successivi tra due argomenti dati
Sintassi
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Provalo tu stesso - Esempi
Come selezionare il fratello successivo di ogni elemento <div>.
Come selezionare l'elemento fratello successivo <p> di ogni elemento <div>.
❮ Metodi di attraversamento jQuery