jQuery genitori() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce tutti gli elementi predecessori di <span>:
$(document).ready(function(){
$("span").parents().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 metodo genitori() restituisce tutti gli elementi predecessori dell'elemento selezionato.
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 (<html>).
Nota: se il parametro filter è vuoto, questa funzione selezionerà tutti gli antenati di un insieme di elementi, dal genitore diretto e fino a <body> e <html>. È quindi spesso utile passare un'espressione di selezione per restringere il risultato della ricerca.
Questo metodo è simile a close() , in quanto entrambi attraversano l'albero DOM. Le differenze sono le seguenti:
genitori()
- Inizia con l'elemento padre
- Percorre l'albero DOM e restituisce tutti gli antenati che corrispondono all'espressione passata
- L'oggetto jQuery restituito contiene zero o più di un elemento
più vicina()
- Inizia con l'elemento corrente
- Percorre l'albero DOM e restituisce il primo predecessore che corrisponde all'espressione passata
- L'oggetto jQuery restituito contiene zero o un elemento
Altri metodi correlati:
- parent() - restituisce l'elemento padre diretto dell'elemento selezionato
- parentsUntil() - restituisce tutti gli elementi predecessori tra due argomenti dati
Sintassi
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Provalo tu stesso - Esempi
Come utilizzare il parametro filter per restituire tutti gli antenati di <span> che sono elementi <ul>.
Come utilizzare il parametro filter per restituire tutti gli antenati di <span> che sono elementi <li> e <div>.
Una dimostrazione che mostra chi sono effettivamente gli antenati di un elemento <span>.
❮ Metodi di attraversamento jQuery