jQuery appendTo() メソッド

❮ jQuery HTML/CSS メソッド

各 <p> 要素の最後に <span> 要素を挿入する:

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

定義と用法

appendTo() メソッドは、選択した要素の最後に HTML 要素を挿入します。

チップ: 選択した要素の先頭に HTML 要素を挿入するには、 prependTo() メソッドを使用します。


構文

$(content).appendTo(selector)

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

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

Try it Yourself - 例

既存の要素を挿入する
選択した各要素の最後に既存の要素を挿入するのに appendTo() メソッドを使用する方法。


❮ jQuery HTML/CSS メソッド