jQueryのafterメソッド

afterメソッドは、要素の後にテキストやコンテンツを追加することを可能にします。

次の例を考えてみましょう。段落があるとします：

html<p>テキスト</p>

次に、以下のJavascriptコードを記述します：

javascript$('p').after('<b>!!!</b>');

コードを実行した後、段落は次のようになります：

html<p>テキスト</p><b>!!!</b>

注意すべき点は、これまでに説明したすべての挿入メソッド - prepend, append, before, および afterも、 セット内の各要素に関数を適用する機能を提供していることです。

すべての段落を見つけ、それぞれの末尾にセット内での順番（インデックス）を追加してみましょう：

html<p>テキスト</p>
<p>テキスト</p>
<p>テキスト</p>

javascript$('p').append(function(index){return index;});