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:

javascript$(':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:

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

Zobacz też