Προσθήκη στοιχείων στο τρέχον σύνολο στο jQuery

Μερικές φορές υπάρχουν καταστάσεις όπου έχουμε ήδη ένα σύνολο στοιχείων, εκτελέσαμε κάποιες λειτουργίες πάνω του και τώρα θα θέλαμε να προσθέσουμε σε αυτό το σύνολο περισσότερα στοιχεία και να εκτελέσουμε πάνω σε αυτό το γενικό σύνολο κάποιες ακόμη πράξεις. Αυτό γίνεται χρησιμοποιώντας τη μέθοδο add.

Ας πάρουμε, για παράδειγμα, τον ακόλουθο κώδικα 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>

Ας βρούμε όλες τις παραγράφους, να προσθέσουμε στο τέλος τους το κείμενο '!', στη συνέχεια να προσθέσουμε στις παραγράφους που βρέθηκαν τους τίτλους h2, και μόνο εκείνους, που βρίσκονται μέσα στο στοιχείο #test, και ταυτόχρονα για τους επιλεγμένους τίτλους και τις παραγράφους να ορίσουμε κόκκινο χρώμα:

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

Βρείτε όλες τις παραγράφους p με την κλάση www, ορίστε τους στην αρχή το κείμενο '!', και στο τέλος το κείμενο '!!', στη συνέχεια προσθέστε σε αυτές τις παραγράφους και τους τίτλους h2 και βάψτε αυτές τις παραγράφους και τους τίτλους σε κόκκινο χρώμα.