Elemek hozzáadása a jelenlegi halmazhoz jQuery-ben

Előfordulnak olyan helyzetek, amikor már van egy metódushalmazunk, végeztünk rajta néhány műveletet, és most szeretnénk ehhez a halmazhoz további elemeket hozzáadni, majd ezen az általános halmazon további műveleteket végrehajtani. Ez a add metódussal lehetséges.

Vegyük például a következő HTML kódot:

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

Keressük meg az összes bekezdést, adjuk hozzá a végéhez a '!' szöveget, majd adjuk a talált bekezdésekhez a h2 címkéket, de csak azokat, amelyek a #test elemen belül helyezkednek el, és egyszerre állítsuk be a kiválasztott címkék és bekezdések színét pirosra:

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

Keresse meg az összes p bekezdést a www osztállyal, állítsa be a elejükre a '!' szöveget, a végére pedig a '!!' szöveget, majd adjon hozzá ezekhez a bekezdésekhez a h2 címkéket is, és színezze pirosra ezeket a bekezdéseket és címkéket.