Recherche à l'intérieur des éléments trouvés en jQuery
Voyons maintenant la méthode
find,
qui recherche les éléments selon un sélecteur donné
à l'intérieur des éléments déjà trouvés (c'est-à-dire parmi les descendants
des éléments trouvés).
Examinons le fonctionnement de la méthode sur le code HTML suivant :
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
D'abord, nous devons trouver toutes les balises div,
leur ajouter au début le texte '!' à l'aide de
prepend,
puis trouver à l'intérieur de celles-ci tous les paragraphes à l'aide de
la méthode find et leur ajouter au début
du texte '?' :
$('div').prepend('!').find('p').prepend('?');
Trouvez tous les b avec la classe
www, rendez-les de couleur rouge,
puis parmi les éléments trouvés, trouvez les éléments
avec la classe test et définissez leur taille
de police à 30px.
Trouvez tous les éléments avec la classe www, rendez-les
de couleur rouge, puis parmi les éléments trouvés,
trouvez les paragraphes et ajoutez-leur à
la fin le texte '!'.
