Selektor parent

Selektor :parent bira elemente koji su roditelji (tj. elemente koji nisu prazni, koji sadrže drugi element ili tekst). Za dobijanje roditelja ili predaka jQuery skupa, pogledajte metode parent i parents. Pošto :parent nije deo CSS specifikacije, za bolje performanse u modernim brauzerima preporučuje se da se prvo filtriraju elementi pomoću čistog CSS selektora, a zatim primeni .filter(':parent').

Sintaksa

Dobijanje roditeljskih elemenata:

javascript$(':parent');

Primer

Imamo tabelu table sa zelenom pozadinom, hajde da pronađemo ćelije td, koje su roditelji, i obojimo ih u sivu boju:

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

Pogledajte takođe

  • selektor empty,
    koji bira prazne elemente
  • metoda parent,
    koja dobija direktnog roditelja elementa
  • metoda parents,
    koja bira elemente koji nemaju potomaka (uključujući tekstualne čvorove)