Adăugarea elementelor în setul curent în jQuery

Uneori există situații când avem deja un set de metode, am efectuat asupra lui unele operațiuni și acum am dori să adăugăm la acest set încă elemente și să efectuăm asupra acestui set general încă unele operațiuni. Acest lucru se face cu ajutorul metodei add.

Să luăm, de exemplu, următorul cod HTML:

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>

Să găsim toate paragrafele, să adăugăm la sfârșit textul '!', apoi să adăugăm la paragrafele găsite titlurile h2, și anume doar cele care se află în interiorul elementului #test, și simultan pentru titlurile și paragrafele selectate să setăm culoarea roșie:

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