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:

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

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