Selettore parent

Il selettore :parent seleziona gli elementi che sono genitori (cioè elementi non vuoti, che contengono un elemento o del testo). Per ottenere i genitori o gli antenati di un set jQuery, consulta i metodi parent e parents. Poiché :parent non fa parte delle specifiche CSS, per migliorare le prestazioni nei browser moderni è meglio filtrare prima gli elementi utilizzando un selettore CSS puro, e poi applicare .filter(':parent').

Sintassi

Ottenere gli elementi genitore:

javascript$(':parent');

Esempio

Abbiamo una tabella table con sfondo verde, troviamo le celle td che sono genitori e coloriamole in grigio:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>

csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 

javascript$('td:parent').css({background: '#ccc'});

Vedi anche