javascript - 如何在 jQuery 中制作动态创建的元素的深层副本？

Answer 1

You might try this. Use the .clone() method. Also you don't need the .html(i) when you're using clone(). Because clone returns a jQuery object you don't even need to wrap a $() around it.

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

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

​Also if you want to clone the event handlers you should use .clone(true). See http://api.jquery.com/clone/ for more info about clone()

Answer 2

The jQuery .clone() method is precisely for making deep copies. From the documentation:

Description: Create a deep copy of the set of matched elements.

Example:

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);
}​