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:
$(':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:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:parent').css({background: '#ccc'});
