Parent szelektor
A :parent szelektor az olyan elemeket választja ki,
amelyek szülőként szolgálnak (vagyis nem üres elemek,
amelyek tartalmazzák a gyermek elemet vagy szöveget).
A jQuery gyűjtemény szülőinek vagy ősinek a megkereséséhez
tekintse meg a
parent és a
parents metódusokat.
Mivel a :parent nem része a CSS specifikációnak,
a jobb teljesítmény érdekében a modern
böngészőkben célszerű először tiszta CSS-szelektorral
szűrni az elemeket, majd alkalmazni a
.filter(':parent') metódust.
Szintaxis
Szülő elemek lekérése:
$(':parent');
Példa
Van egy zöld háttérszínű table táblázatunk,
keressük meg a szülőként szolgáló td cellákat,
és színezzük szürkére:
<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'});