Parent-valitsin

Valitsin :parent valitsee elementit, jotka ovat vanhempia (eli ei-tyhjät elementit, joissa on elementti tai tekstiä). Saadaksesi jQuery-kokoelman vanhemmat tai esi-isät, katso menetelmät parent ja parents. Koska :parent ei kuulu CSS-spesifikaatioon, on nykyaikaisissa selaimissa suorituskyvyn parantamiseksi parempi suodattaa elementit aluksi käyttämällä puhdasta css-valitsinta ja sitten soveltaa .filter(':parent').

Syntaksi

Vanhempielementtien hankkiminen:

javascript$(':parent');

Esimerkki

Meillä on pieni taulukko table vihreällä taustalla, etsitään solut td, jotka ovat vanhempia, ja väritetään ne harmaaksi:

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

Katso myös