jQuery prependTo() メソッド

❮ jQuery HTML/CSS メソッド

全 <p> 要素の先頭に <span> 要素を挿入する:

$("button").click(function(){
    $("<span>Hello World!</span>").prependTo("p");
});
Try it Yourself »

定義と用法

prependTo() メソッドは、指定した要素の先頭に HTML 要素を挿入します。

チップ: 指定した要素の最後に HTML 要素を挿入するには、 appendTo() メソッドを使用します。


構文

$(content).prependTo(selector)

パラメータ 説明
content 必須。挿入するコンテンツを指定(HTML タグを含まなければならない)

注: content が既存の要素である場合、現在の位置から移動し、選択した要素の先頭に挿入される
selector 必須。どの要素にコンテンツを付加(prepend)するかを指定する

Try it Yourself - 例

既存の要素を挿入する
各指定した要素の先頭に、既存の要素を挿入するため prependTo() メソッドを使用する方法。


❮ jQuery HTML/CSS メソッド