jQuery parent() Metodo
❮ Metodi di attraversamento jQuery
Esempio
Restituisce l'elemento padre diretto di <span>:
$(document).ready(function(){
$("span").parent().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 parent() restituisce l'elemento padre diretto dell'elemento selezionato.
L'albero DOM: questo metodo attraversa solo un singolo livello nell'albero DOM. Per passare fino all'elemento radice del documento (per restituire i nonni o altri antenati), usa il metodoparents( ) o il metodoparentsUntil() .
Suggerimento: per attraversare un singolo livello lungo l'albero DOM o fino all'ultimo discendente (per restituire figli o altri discendenti), utilizzare il metodo children() o find() .
Sintassi
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Provalo tu stesso - Esempi
Come restituire il genitore diretto di ogni elemento <span>.
Come utilizzare il parametro filter per restituire l'elemento padre <li> con il nome della classe "first" di ogni <span>.
Come restituire tutto l'elemento genitore diretto <div> di ogni elemento <p>.
Una dimostrazione che mostra chi sono effettivamente gli antenati di un elemento <span>.
❮ Metodi di attraversamento jQuery