克隆一個div，並更改它的ID和它的所有孩子都是唯一的

Question

使用JQuery，可以像這樣克隆一個Div並更改爲它的ID添加一個新的標識符，它的所有子ID都是？

比如我希望能夠克隆此：

<div id="current_users"> 
<table id="user_list"> 
<tr id="user-0"> 
<td id="first_name-0">Jane</td> 
<td id="last_name-0">Doe</td> 
</tr> 
<tr id="user-1"> 
<td id="first_name-1">John</td> 
<td id="last_name-1">Doe</td> 
</tr> 
</table> 
</div> 

而且有它看起來像這樣：

<div id="current_users_cloned"> 
<table id="user_list_cloned"> 
<tr id="user-0_cloned"> 
<td id="first_name-0_cloned">Jan</td> 
<td id="last_name-0_cloned">Doe</td> 
</tr> 
<tr id="user-1_cloned"> 
<td id="first_name-1_cloned">John</td> 
<td id="last_name-1_cloned">Doe</td> 
</tr> 
</table> 
</div> 

或者我應該重新思考自己的結構和使用rel屬性和可重用的類聲明？

感謝，

Tegan斯奈德

Answer 1

$("#current_users").clone(false).find("*[id]").andSelf().each(function() { $(this).attr("id", $(this).attr("id") + "_cloned"); }); 

如果有任何附加的看你的事件。如果他們依靠ID，你必須修復它們。

Answer 2

除非您確實需要通過代碼唯一標識每個克隆的DIV，否則我會用可重用類替換您的ID。否則，大衛莫頓的答案看起來可能會有所斬獲。