삽입 div를, 첫 번째가 숨겨져하고 두 번째는 볼 전에 요소를 사용하여 자바 스크립트 또는 jQuery를

Question

나는이 div의이 후 :

<div id="first" style="display:none;"> 
    //First 
</div> 

<div id="second"> 
    <button onclick="javascript:show()" > Copy </button> 
</div> 

내가 전과 후 첫 DIV의 사본을 추가 할 사용자가 복사 버튼을 클릭 할 때 두 번째 div.

Answer 1

function show(){ 
    var a = '<div class="firstCopy">' + $('#first').html() + '</div>' 
    $('#second').before(a) 
    $('#second').after(a) 
} 

을해야한다는)

Answer 2

이 버튼에 onclick을 제거하고 clone(true, true)도의 복제 이미 바인더 제본 이벤트

Answer 3

윌 뭔가 같은

$("button").click(function(e) { 
    $("#second").before($("#first").clone(true,true).attr("id", "firstBeforeCopy").show()); // clone first before second 
    $("#second").after($("#first").clone(true,true).attr("id", "firstAfterCopy").show()); // clone first after second 
}); 

마음을 추가해야합니다 이게 너를 위해 일해?

$('#second').before($('#first').clone()); 
$('#second').after($('#first').clone());