HTML 마크 업 문자열에 복제 된 요소를 삽입하는 방법은 무엇입니까?

Question

div를 복제 한 다음 다른 위치에 추가해야합니다. DIV는 다음과 같습니다. 난 clonableContent을 복제 clonaedContentHolder 그것을 추가하면

<div id="clonableContet" class="clonableClass"> 
<input id="Name" class="clonableInput" type="text"/> 
<input id="Age" class="clonableInput" type="text"/> 
</div> 

<div id="clonedContentHolder"></div> 

는 그 이전과 동일 ID를 포함한다. 복제 된 콘텐츠 div's id 속성을 동적으로 변경하고 싶습니다. 그러나 복제 된 input 요소에 새로운 클래스 이름을 동적으로 추가 할 수있었습니다. 나는 그것에 능숙하다. 클래스 이름 참조를 사용하여 값을 가져올 수 있습니다.

하지만 내 문제는 내가 마지막으로 복제 된 콘텐츠를 보이게하고 싶습니다. 이 모든 것이 div's이므로, 탭 내용입니다. div id를 clonableContent (으)로 변경할 수 없습니다.

다른 div를 동적으로 만들고 그 안에 복제 된 div를 넣으려고했습니다. 그것과 같이

var html = "<div id='clonedContent" + count + "'>" + clonedContent + "</div>"; 

는하지만 출력 [대상] [객체]입니다. div 내에서 복제 된 becames 객체.

문자열 내에 다른 문자열로 clonedContent를 어떻게 삽입합니까?

또는 동일한 해결책을 얻는 다른 방법이 있습니까?

미리 감사드립니다.

Answer 1

같은 HTML을 생성 :

이

var html = $("<div />").attr('id', 'clonedContent'+count).html(clonedContent); 

그런 다음 당신이 JQuery와 개체로 HTML을 사용하고 다음과 같은 마지막 항목으로 추가 할 수 있습니다 :

html.appendTo('div:last'); 

Answer 2

내가 찾은 가장 좋은 방법은

var html = $("<div id='clonedContent" + count + "' />").append(clonedContent); 

Answer 3

비 JQuery와 SOLU :이 작업을 수행하는 기존의 jQuery 객체에 객체를 append하는 것입니다 부분 :

var div = document.createElement("div"); //create a new div 
div.id="clonedContent" + count; // set the id with your counter 
div.appendChild(clonedContent); //add the DOM reference you have 
document.getElementById("clonedContentHolder").appendChild(div); //add the content to div on page