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