[jQuery] prependTo - DOM Insertion, Inside

<script>
$(function(){
  $('#btn0').click(function(){
    $('<span>こんばんわ</span>').prependTo( $('#txt0') );
  });
});
</script>

<body>
<p id="txt0">こんにちわ</p>
<body>

$('html:string').prependTo( selector )
selectorに指定htmlを追加する。

こんにちわ

要素を追加する

<script>
$(function(){
  $('#btn1').click(function(){
    $('#sample1 span').prependTo( $('#txt1') );br>   });
});
</script>

<body>
<div id="sample1">
<p id="txt1">こんにちわ</p>
<span>こんばんわ</span>
</div>
<body>

selectorA.prependTo( selectorB )
selectorBにselectorAを追加する。

こんにちわ

こんばんわ

要素を追加する

<script>
$(function(){
  $('#btn2').click(function(){
    $('#sample3 p').prependTo( [$('#txt2'), $('#txt3'), $('#txt4')] );
  });
});
</script>

<div id="sample2">
<p id="txt2">こんにちわ</p>
<p id="txt3">こんばんわ</p>
<p id="txt4">おはよう</p>
</div>
<div id="sample3">
<p>おやすみ</p>
</div>

selector.prependTo( arr:array )
arr配列に格納されているセレクタにselectorを追加する。

こんにちわ

こんばんわ

おはよう

おやすみ

要素を追加する