Ensemble précédent en jQuery
Parfois, lors de la construction de chaînes jQuery, il est
nécessaire de revenir à l'ensemble précédent.
Cela se fait à l'aide de la méthode
end.
L'exemple suivant présente le code HTML :
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
<p>text</p>
Notre tâche consiste d'abord à trouver tous les paragraphes,
puis à sélectionner parmi les paragraphes trouvés ceux avec la
classe www à l'aide de la méthode
filter
et, à l'aide de la méthode
append,
d'ajouter le texte '!' à leur fin.
Ensuite, nous reviendrons à l'ensemble précédent (c'est
l'ensemble $('p')) avec end et nous leur
ajouterons le texte '?' à la fin.
Il en résultera que les paragraphes avec la classe www
auront le texte '!?', tandis que les paragraphes ordinaires
- le texte '?' :
$('p').filter('.www').append('!').end().append('?');
Trouvez tous les h2 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.
