jQuery 基礎チュートリアル

jQuery 効果

指定された内容を挿入するためにbefore()メソッドを使用します。

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

内容を挿入する：

$(selector).before(content)

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

$(selector).before(function(index))

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

例

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

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

例

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

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