jQueryオブジェクト .after()

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

目次

  1. 構文
  2. 引数
  3. 例
  4. 関連項目
  5. 参考文献

構文

jQueryObject.after(content[,content])
jQueryObject.after(function(index){statements})

引数

content
挿入するコンテンツ(HTML文字列、DOM要素、要素の配列又はjQueryオブジェクト)
function
HTML文字列、DOM要素又はjQueryオブジェクトを返す関数を指定する。
index
マッチした要素のインデックス番号(0始まり)

例

jQueryオブジェクトのafterメソッドで要素のうしろに別の要素を追加する例を次に示す。

HTML

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

JavaScript

$("#div1").after("<div>div3</div>");

実行結果

div1
div2

関連項目

参考文献