Selektor parent
Selektor :parent wybiera elementy,
które są rodzicami (czyli niepuste elementy,
zawierające element lub tekst).
Aby uzyskać rodziców lub przodków
zbioru jQuery, sprawdź metody
parent i
parents.
Ponieważ :parent nie należy do specyfikacji CSS,
dla poprawy wydajności w nowoczesnych
przeglądarkach lepiej najpierw przefiltrować elementy
używając czystego selektora css, a następnie
zastosować .filter(':parent').
Składnia
Pobieranie elementów-rodziców:
$(':parent');
Przykład
Mamy tabelkę table z zielonym
tłem, znajdźmy komórki td, które są
rodzicami i pokolorujmy je na szary kolor:
<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'});
