appendTo()

appendToメソッドは引数にセレクタで指定した要素の最後に、jQueryオブジェクトを挿入します。

次のようなHTMLがあったとします。

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

appendToを利用してHTMLに作成した要素を挿入します。

$('<p>Test</p>').appendTo('.inner');

挿入されたHTMLは次のようになります。

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello
    <p>Test</p>
  </div>
  <div class="inner">Goodbye
    <p>Test</p>
  </div>
</div>

次のようにセレクタでは特定の要素を指定し、引数にjQueryオブジェクトを指定することも可能です。

$('h2').appendTo($('.container'));

最初のHTMLは、この場合では以下のようになります。

<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>

登録日 : 2012年10月16日最終更新日 : 2012年10月16日

jQuery リファレンス

appendTo()

同じカテゴリー(Manipulation)のエントリー

検索

スポンサードリンク

バージョン

リファレンス