appendToメソッド

appendToメソッドは、要素の末尾に テキストを追加します。同様の方法で動作する append メソッドも存在します。

構文

要素の末尾へのテキスト挿入:

javascript$(テキスト).appendTo(セレクター);

内容は通常のテキストだけでなく、DOM要素、 セレクター、要素の配列、文字列、またはjQuery オブジェクトも可能です。

例

指定された段落の末尾にタグ付きのテキストを 挿入してみましょう:

html<p id="test">段落</p>
javascript$('<b>!!!</b>').appendTo('#test');

コード実行の結果:

html<p id="test">段落<b>!!!</b></p>

関連項目

  • 要素の末尾にテキストを追加する appendメソッド
  • CSSで要素の末尾にテキストを追加する 疑似要素after
  • 特定の場所にコンテンツを追加できる prependTo、 insertBefore、 insertAfterメソッド