Parent-selektor

Selektor :parent valib elemendid, mis on vanemad (st mittetühjad elemendid, milles on element või tekst). JQuery kogumi vanemate või esivanemate saamiseks vaata meetodeid parent ja parents. Kuna :parent ei kuulu CSS spetsifikatsiooni, siis kaasaegsetes brauserites on jõudluse parandamiseks soovitatav kõigepealt filtreerida elemendid kasutades puhtaid CSS-selektoreid ning seejärel rakendada .filter(':parent').

Süntaks

Vanemate elementide hankimine:

javascript$(':parent');

Näide

Meil on tabel table rohelise tagustusega, leiakem lahtrid td, mis on vanemad, ja värvime need halliks:

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

Vaata ka

  • selektor empty,
    mis valib tühjad elemendid
  • meetod parent,
    mis saab elemendi vahetu vanema
  • meetod parents,
    mis valib elemendid, millel ei ole järglasi (kaasa arvatud tekstisõlmed)