プログラミングと絵と音楽

コンピューター科学を専攻し、絵と音楽を趣味とするエンジニアのブログです。

jQueryでDOMを生成する際に躓いた点

div 要素に p を5つ追加したい時に

var div = $("<div>");
var p = $("<p>");
for(var i = 0; i < 5; i++){
    div.append(p);
}

とするとうまくいきませんでした。

var div = $("<div>");
var p;
for(var i = 0; i < 5; i++){
    p = $("<p>");
    div.append(p);
}

とするとうまくいきます。二つのコードは同じ p を使いまわしているかいないかなので、参照が同じものを追加しても複製されないことが分かりました。