jQueryオブジェクト .after()

マッチする要素の後にコンテンツを追加する。

jQueryObject.after(content[,content])

jQueryObject.after(function(index){statements})

content

挿入するコンテンツ(HTML文字列、DOM要素、要素の配列又はjQueryオブジェクト)

function

HTML文字列、DOM要素又はjQueryオブジェクトを返す関数を指定する。

index

マッチした要素のインデックス番号(0始まり)

afterの使用例を次に示す。

<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>

<script>
  $("#div2").after("<p>Inserted</p>");
</script>

上記の実行結果を示す。