jQuery insertBefore() メソッド

before()選択表現を関数の前に、内容を引数として指定してください。

jQueryのHTML/CSSメソッド

insertBefore()メソッドを使用して指定されたHTML要素を選択された要素の前に挿入します。

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

関数before()insertBefore()メソッドと同じタスクを実行します。主な違いは構文です：

• 使用before()関数の前に選択表現を選択し、内容を引数として指定してください。

• 使用insertBefore()逆に、内容がメソッドの前にあり、それがパラメータの要素の前に配置されます

構文：

$(content).insertBefore(selector)

例

各段落の前にHTML要素を挿入する：

$("button").click(function(){
　　$("<p　style="39;color:red;'>Hello　world</p>").insertBefore("p");
});

insertBefore()メソッドを使用して、選定された要素の前に既存の要素を挿入する：

$("button").click(function(){
　　$("h1").insertBefore("p");
});

パラメータの値

jQueryのHTML/CSSメソッド