Méthode parent en jQuery

Nous avons déjà un peu abordé la méthode parent, lorsque nous avons discuté de la pseudo-classe parent. Je rappelle que la méthode parent et le sélecteur parent font des choses différentes, le premier trouve le parent d'un élément, tandis que le second trouve tous les éléments non vides (qui sont des parents).

Dans l'exemple suivant, nous allons trouver l'élément #test, puis trouver son parent en utilisant parent et lui attribuer le texte '!'. Supposons que nous ayons le code HTML suivant :

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Et maintenant, nous utilisons la méthode parent dans le code Javascript :

$('#test').parent().html('!');

N'oubliez pas que vous pouvez passer un sélecteur à cette méthode pour une filtration supplémentaire des parents.

Trouvez le parent de l'élément avec la classe www et colorez-le en rouge.

Trouvez les parents de toutes les balises b et rendez-les de couleur rouge.

Trouvez les parents de toutes les balises b, et ceux qui ont la classe test colorez-les en rouge.