jQuery 基礎チュートリアル

jQuery エフェクト

after()メソッドを使用して指定された内容を挿入します。

選定された要素の前に内容を挿入するには、before()メソッド。

内容を挿入する：

$(selector).after(content)

関数を使用して内容を挿入する：

$(selector).after(function(index))

各段落の後に内容を挿入する：

例

$("button").click(function(){
　　$("p").after("<p>Hello　world</p>");
});

関数を使用して内容を挿入する：

例

$("button").click(function(){
　　$("p").after(function(i){
　　　　return "<p>このp要素のインデックス: "　+　i　+　".</p>";
　　});
});

パラメータ	説明
content	各選択された要素の後に挿入する内容を指定します（HTMLタグを含むことができます）可能な値： HTML要素 DOM要素 jQueryオブジェクト
function(index)	指定する関数は、挿入する内容を返す index-集合内の要素のインデックス位置を返す