Selektor parent

Selektor :parent vyberá prvky, ktoré sú rodičmi (teda neprázdne prvky, v ktorých sa nachádza prvok alebo text). Pre získanie rodičov alebo predkov jQuery množiny, pozrite si metódy parent a parents. Pretože :parent nepatrí do CSS špecifikácie, pre zlepšenie výkonu v moderných prehliadačoch je lepšie najprv prefiltrovať prvky použitím čistého css-selektora, a potom aplikovať .filter(':parent').

Syntax

Získanie rodičovských prvkov:

javascript$(':parent');

Príklad

Máme tabuľku table so zeleným pozadím, nájdime bunky td, ktoré sú rodičmi, a zafarbime ich na sivú:

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

Pozrite tiež

  • selektor empty,
    ktorý vyberá prázdne prvky
  • metóda parent,
    ktorá získava priameho rodiča prvku
  • metóda parents,
    ktorá vyberá prvky, ktoré nemajú potomkov (vrátane textových uzlov)