jQuery Traversal - metodo parent()
Esempio
Trova il genitore di ogni paragrafo con la classe "selected":
$("p").parent(".selected")
Definizione e uso
Il metodo parent() ottiene il genitore di ogni elemento nella raccolta corrispondente, l'uso del selettore per filtrare è opzionale.
.parent(selector)
| Parametro | Descrizione |
|---|---|
| selector | Valore di stringa, che contiene l'espressione del selettore utilizzata per abbinare gli elementi. |
Spiegazione dettagliata
Se forniamo un oggetto jQuery che rappresenta un insieme di elementi DOM, il metodo .parent() ci permette di cercare i genitori di questi elementi nell'albero DOM e di costruire un nuovo oggetto jQuery con gli elementi corrispondenti..parents() Simile alla metodo .parent(), la differenza è che quest'ultimo esplora un singolo livello dell'albero DOM.
Questo metodo accetta un'espressione di selettore opzionale, dello stesso tipo dei parametri passati alla funzione $(). Se si applica questo selettore, gli elementi vengono filtrati verificando se corrispondono al selettore.
Pensa a questa pagina con una lista annidata di base:
<ul class="level-1">
<li class="item-i">I</li>
<li class="item-ii">II
<ul class="level-2">
<li class="item-a">A</li>
<li class="item-b">B
<ul class="level-3">
<li class="item-1">1</li>
<li class="item-2">2</li>
<li class="item-3">3</li>
</ul>
</li>
<li class="item-c">C</li>
</ul>
</li>
<li class="item-iii">III</li>
</ul>
Se partiamo dal progetto A, possiamo trovare il suo elemento padre:
$('li.item-a').parent().css('background-color', 'red');
Il risultato di questa chiamata è impostare lo sfondo rosso per l'elenco di livello-2. Poiché non abbiamo applicato l'espressione del selettore, l'elemento padre è naturalmente diventato parte dell'oggetto. Se è stato applicato un selettore, viene verificato se l'elemento corrisponde al selettore prima di includere l'elemento.
