Metodo jQuery nextUntil()

❮ Metodi di attraversamento jQuery

Esempio

Restituisce tutti gli elementi di pari livello tra due elementi <li> con il nome della classe "start" e "stop":

$(document).ready(function(){
  $("li.start").nextUntil("li.stop").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)
  • li (sibling with class name "stop")

Definizione e utilizzo

Il metodo nextUntil() restituisce tutti gli elementi di pari livello successivi tra il selettore e stop .

Gli elementi di pari livello sono elementi che condividono lo stesso genitore.

L'albero DOM: questo metodo attraversa i fratelli degli elementi DOM.

Nota: se entrambi i parametri sono vuoti, questo metodo restituirà tutti gli elementi di pari livello (come il metodo nextAll() ).

Metodi correlati:

  • next() - restituisce l'elemento di pari livello successivo dell'elemento selezionato
  • nextAll() - restituisce tutti gli elementi di pari livello successivi dell'elemento selezionato


Sintassi

$(selector).nextUntil(stop,filter)

Parameter Description
stop Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements
filter Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop

Note: To return multiple siblings, separate each expression with a comma.

Provalo tu stesso - Esempi


Utilizzare entrambi i parametri per filtrare la ricerca di elementi di pari livello tra due argomenti.


Come restituire più elementi di pari livello tra due argomenti.


Utilizzo di un elemento DOM invece di un selettore per restituire a tutti gli elementi fratelli due argomenti dati.


Utilizzo di un elemento DOM invece di un selettore ed entrambi i parametri per filtrare la ricerca del fratello successivo tra due argomenti.


❮ Metodi di attraversamento jQuery