各 <p> 要素の前に <span> 要素を挿入する:
$("button").click(function(){
$("<span>Hello world!</span>").insertBefore("p");
});
Try it Yourself »
insertBefore() メソッドは、指定した要素の前に HTML 要素を挿入します。
チップ: 指定した要素の後に HTML 要素を挿入するには、 insertAfter() メソッドを使用します。
$(content).insertBefore(selector)
パラメータ | 説明 |
---|---|
content | 必須。挿入するコンテンツを指定(HTML タグを含まなければならない) 注:content が既存の要素である場合、現在の位置から移動し、選択した要素の前に挿入される |
selector | 必須。どこにコンテンツを挿入するかを指定する |
既存の要素を挿入する
選択した要素の前に既存の要素を挿入する insertBefore() メソッドの使用方法。