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:
$(':parent');
Voorbeeld
We hebben een tabel table met een groene
achtergrond, laten we de cellen td vinden die
ouders zijn, en deze grijs kleuren:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:parent').css({background: '#ccc'});
