Methode parent in jQuery

Wir haben die Methode parent bereits ein wenig behandelt, als wir die Pseudoklasse parent besprochen haben. Ich erinnere daran, dass die Methode parent und der Selektor parent unterschiedliche Dinge tun: Ersteres findet das Elternelement eines Elements, während Letzteres alle nicht-leeren Elemente findet (die Elternelemente sind).

Im folgenden Beispiel werden wir das Element #test finden, dann sein Elternelement mit parent finden und ihm den Text '!' zuweisen. Nehmen wir an, wir haben den folgenden HTML-Code:

<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>

Und nun schreiben wir die Methode parent in den Javascript-Code:

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

Vergessen Sie nicht, dass man an diese Methode einen Selektor übergeben kann, für eine zusätzliche Filterung der Elternelemente.

Finden Sie das Elternelement des Elements mit der Klasse www und färben Sie es rot ein.

Finden Sie die Elternelemente aller b Tags und machen Sie sie rot.

Finden Sie die Elternelemente aller b Tags, und diejenigen, die die Klasse test haben, färben Sie rot ein.