Der Parent-Selektor

Der Selektor :parent wählt Elemente aus, die Eltern sind (also nicht-leere Elemente, die ein Element oder Text enthalten). Um die Eltern oder Vorfahren einer jQuery-Sammlung zu erhalten, siehe die Methoden parent und parents. Da :parent nicht zum CSS-Standard gehört, ist es für eine bessere Leistung in modernen Browsern besser, zuerst die Elemente mit einem reinen CSS-Selektor zu filtern und dann .filter(':parent') anzuwenden.

Syntax

Übergeordnete Elemente abrufen:

javascript$(':parent');

Beispiel

Wir haben eine Tabelle table mit grünem Hintergrund, lasst uns die Zellen td finden, die Eltern sind, und sie grau einfärben:

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

Siehe auch