コニファ・ロゴ

csstest:jQuery DOM操作・append()とappendTo()の違い

prepend()とprependTo()はともに引数を指定してコンテンツを要素の追加(または移動)するというものですが、追加する方向と追加元の処理が違います。 append()とappendTo()が、要素の最後に追加(または移動)するのに対して、 prepend()とprependTo()は、要素の先頭に追加(または移動)します。

下側の[ダミーテキスト1] 内の赤文字部分が#st01、背景が黄色のテキストが#tuikaです。
prepend()では、追加元のの内容をコピーして、追加先に文字列として追加します。
prependTo()では、prepend()と追加元と追加先が逆になり、追加元の文字列は移動になります。
<b>(重要)</b>
  1. prepend()  #tuikaの内容が文字列として#st01に追加。
    var htmlStr2=$("#tuika").html();
     $('#st01').prepend(htmlStr2);
  2. prepend()  #tuikaの要素がソースとして#st01に追加。
    var htmlStr2=$("#tuika").text(); 
    $('#st01').append(htmlStr2);
  3. prependTo()  #st01の要素がソースとして#tuikaに移動。
    $('#st01').appendTo('#tuika');
  4. prependTo()  移動先をダミーのタグなどにすると結果として消える。
    $('#st01').appendTo('<b>');
[ダミーテキスト1]

ポイントカードを発行し、商品の購入者に対し 次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は

左のソース
							

 

 

 

戻るボタン