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日