jQuery genitoriUntil() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce tutti gli elementi predecessori tra <span> e <div>:
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
Risultato:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definizione e utilizzo
Il metodoparentUntil() restituisce tutti gli elementi predecessori tra il selettore e stop .
Un antenato è un genitore, un nonno, un bisnonno e così via.
L'albero DOM: questo metodo si sposta verso l'alto dall'elemento padre lungo gli antenati degli elementi DOM, fino all'elemento radice del documento, fino a raggiungere un elemento specifico.
Nota: se entrambi i parametri sono vuoti, questo metodo restituirà tutti gli elementi predecessori (come il metodo genitori() ).
Metodi correlati:
- parent() - restituisce l'elemento padre diretto dell'elemento selezionato
- genitori() - restituisce tutti gli elementi predecessori dell'elemento selezionato
- close() - restituisce il primo antenato dell'elemento selezionato
Sintassi
$(selector).parentsUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Provalo tu stesso - Esempi
Come utilizzare entrambi i parametri per filtrare la ricerca di un elemento specifico tra <span> e <div>.
Come restituire più antenati tra <span> e <body>.
Restituisce tutti gli antenati tra <span> e <div> utilizzando un elemento DOM.
Utilizzo di un elemento DOM per restringere la ricerca dei predecessori per elementi <ul> tra <span> e <div>.
❮ Metodi di attraversamento jQuery