Selectorul parent

Selectorul :parent alege elementele care sunt părinți (adică elemente nevide, care conțin un element sau text). Pentru a obține părinții sau strămoșii unui set jQuery, consultați metodele parent și parents. Deoarece :parent nu face parte din specificațiile CSS, pentru o performanță mai bună în browserele moderne, este mai bine să filtrați mai întâi elementele utilizând un selector CSS pur, iar apoi să aplicați .filter(':parent').

Sintaxă

Obținerea elementelor părinte:

javascript$(':parent');

Exemplu

Avem un tabel table cu fundal verde, să găsim celulele td care sunt părinți și să le colorăm în gri:

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'});

Vezi și

  • selectorul empty,
    care alege elementele goale
  • metoda parent,
    care obține părintele direct al elementului
  • metoda parents,
    care alege elementele care nu au descendenți (inclusiv noduri text)