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');

クラスwwwを持つすべての段落pを見つけ、その先頭にテキスト'!'を、末尾にテキスト'!!'を設定し、次にこれらの段落にもう一つh2見出しを追加し、これらの段落と見出しを赤色に着色してください。