Sélecteur parent

Le sélecteur :parent sélectionne les éléments qui sont des parents (c'est-à-dire les éléments non vides, contenant un élément ou du texte). Pour obtenir les parents ou ancêtres d'un ensemble jQuery, consultez les méthodes parent et parents. Étant donné que :parent ne fait pas partie de la spécification CSS, pour de meilleures performances dans les navigateurs modernes, il est préférable de d'abord filtrer les éléments avec un sélecteur CSS pur, puis d'appliquer .filter(':parent').

Syntaxe

Obtenir les éléments parents :

$(':parent');

Exemple

Nous avons un tableau table avec un fond vert, trouvons les cellules td qui sont des parents et colorons-les en gris :

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

Voir aussi

le sélecteur empty,
qui sélectionne les éléments vides
la méthode parent,
qui obtient le parent direct de l'élément
la méthode parents,
qui sélectionne les éléments qui n'ont pas de descendants (y compris les nœuds texte)