Ajout d'éléments à la sélection courante dans jQuery

Il arrive parfois que nous ayons déjà une sélection d'éléments, que nous ayons effectué des opérations sur celle-ci et que nous souhaitions maintenant ajouter d'autres éléments à cette sélection pour effectuer d'autres opérations sur l'ensemble. Cela se fait à l'aide de la méthode add.

Prenons, par exemple, le code HTML suivant :

<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>

Trouvons tous les paragraphes, ajoutons le texte '!' à leur fin, puis ajoutons aux paragraphes trouvés les titres h2, mais seulement ceux qui se trouvent à l'intérieur de l'élément #test, et simultanément, définissons la couleur rouge pour les titres et paragraphes sélectionnés :

$('p').append('!').add('#test h2').css('color', 'red');

Trouvez tous les paragraphes p avec la classe www, ajoutez-leur le texte '!' au début, et le texte '!!' à la fin, puis ajoutez à ces paragraphes les titres h2 et colorez ces paragraphes et titres en rouge.