jQueryのafterメソッド
afterメソッドは、要素の後にテキストやコンテンツを追加することを可能にします。
次の例を考えてみましょう。段落があるとします：
<p>テキスト</p>
次に、以下のJavascriptコードを記述します：
$('p').after('<b>!!!</b>');
コードを実行した後、段落は次のようになります：
<p>テキスト</p><b>!!!</b>
注意すべき点は、これまでに説明したすべての挿入メソッド
- prepend, append,
before, および afterも、
セット内の各要素に関数を適用する機能を提供していることです。
すべての段落を見つけ、それぞれの末尾にセット内での順番（インデックス）を追加してみましょう：
<p>テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
$('p').append(function(index){return index;});
各h2要素の後に'<p>?</p>'を挿入してください。
一つのチェーンで、各h2要素の前に'<p>!</p>'を、その後ろに'<p>?</p>'を挿入してください。
