Přidávání prvků do aktuální sady v jQuery

Někdy nastanou situace, kdy již máme sadu metod, provedli jsme s ní nějaké operace a nyní bychom k této sadě chtěli přidat další prvky a provést s touto celou sadou další operace. To se provádí pomocí metody add.

Vezměme například následující HTML kód:

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>

Pojďme najít všechny odstavce, přidat jim na konec text '!', poté přidat k nalezeným odstavcům nadpisy h2, a to pouze ty, které leží uvnitř elementu #test, a současně pro vybrané nadpisy a odstavce nastavíme červenou barvu:

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