Selektor parent

Selektor :parent vybírá prvky, které jsou rodiči (tj. neprázdné prvky, které obsahují další prvek nebo text). Pro získání rodičů nebo předků jQuery sady se podívejte na metody parent a parents. Protože :parent není součástí CSS specifikace, pro lepší výkon v moderních prohlížečích je lepší nejprve filtrovat prvky pomocí čistého CSS selektoru a poté aplikovat .filter(':parent').

Syntaxe

Získání rodičovských prvků:

javascript$(':parent');

Příklad

Máme tabulku table se zeleným pozadím, pojďme najít buňky td, které jsou rodiči, a obarvíme je na šedou barvu:

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

Viz také

  • selektor empty,
    který vybírá prázdné prvky
  • metoda parent,
    která získá přímého rodiče prvku
  • metoda parents,
    která vybírá prvky, které nemají potomky (včetně textových uzlů)