Parent-selectorn

Selectorn :parent väljer element som är föräldrar (det vill säga icke-tomma element som innehåller ett element eller text). För att få föräldrar eller förfäder till en jQuery-uppsättning, se metoderna parent och parents. Eftersom :parent inte ingår i CSS-specifikationen, är det för bättre prestanda i moderna webbläsare att först filtrera element med ren CSS-selector, och sedan tillämpa .filter(':parent').

Syntax

Hämta förälderelement:

javascript$(':parent');

Exempel

Vi har en tabell table med grön bakgrund, låt oss hitta celler td som är föräldrar och färga dem i grått:

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

Se även

  • selectorn empty,
    som väljer tomma element
  • metoden parent,
    som hämtar det omedelbara förälderelementet
  • metoden parents,
    som väljer element som inte har några avkommor (inklusive textnoder)