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> 

및 재사용 가능한 클래스 선언?

감사합니다,

Tegan 스나이더

Answer 1

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

와 연결된이있는 경우 이벤트를보세요. ID에 의존하는 경우 수정해야합니다.

Answer 2

실제로 코드를 통해 복제 된 DIV를 고유하게 식별해야하는 경우가 아니면 재사용 가능한 클래스로 ID를 대체합니다. 그렇지 않으면 David Morton의 답변이 트릭을 수행하는 것처럼 보입니다.