Parent Selector

De selector :parent selecteert elementen die een ouder zijn (dat wil zeggen, niet-lege elementen die een element of tekst bevatten). Om de ouders of voorouders van een jQuery-set te verkrijgen, zie de methodes parent en parents. Aangezien :parent geen deel uitmaakt van de CSS-specificatie, is het voor betere prestaties in moderne browsers beter om eerst elementen te filteren met een pure CSS-selector, en vervolgens .filter(':parent') toe te passen.

Syntaxis

Bovenliggende elementen verkrijgen:

javascript$(':parent');

Voorbeeld

We hebben een tabel table met een groene achtergrond, laten we de cellen td vinden die ouders zijn, en deze grijs kleuren:

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

Zie ook