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:

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

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

Lásd még