javascript - jQueryで動的に作成された要素のディープコピーを作成するにはどうすればよいですか?

Answer 1

あなたはこれを試すかもしれません。メソッドを使用し.clone()ます。また、clone() を使用している場合は .html(i) は必要ありません。clone は jQuery オブジェクトを返すので、 $() で囲む必要さえありません。

var attached = $("<p>"); 
var sandbox = $("#sandbox");

for (var i = 0; i < 8; i++) {
    attached.clone().appendTo(sandbox); 
}

また、イベント ハンドラーを複製する場合は、.clone(true) を使用する必要があります。詳細については、 http://api.jquery.com/clone/を参照してください。clone()

Answer 2

jQuery.clone()メソッドは、まさにディープ コピーを作成するためのものです。ドキュメントから：

説明: 一致した要素のセットのディープ コピーを作成します。

例：

var attached = $("<p>");
var sandbox = $("#sandbox");    

for (var i = 0; i < 8; i++) {
    $(attached).clone().appendTo(sandbox);
}​

Answer 3

var attached = $("<p>");
var sandbox = $("#sandbox");

for (var i = 0; i < 8; i++) {
    // How come reseting attached works? attached = $("<p>");
    attached.clone().html(i).appendTo(sandbox);
}​