복제 DIV 내가 가까이있어 확신

Question

작동하지 않습니다하지만 난 내가 부족 모르는 :

내가 중단 점을 설정

var newId = 1; 
$("#trigger").click(function(){ 
    $("#new-div").attr('id', 'new-div' +newId++).clone().appendTo("#myDiv"); 
}); 

: 나는 카운터 자동차를 볼 수 있습니다 - 증가하지만, 복제 된 div는 어디에 있어야하는지 나타나지 않습니다. 나는 오류가 없다. 이를위한 HTML :

<div id="secret-div" style="display: none;"> 
     <div>This is new div number </div> 
     </div> 
     <p><a id="trigger" href="javascript:void(0);">Please, add an element</a></p> 
    <div id="myDiv"></div> 

Answer 1

문제는 당신이 전에 요소의 ID를 변경하고 있다는 것입니다 복제 및 추가 작업을 수행하여 선택기와 코드를 깨고 같은 ID로 2 개의 요소를 생성합니다.

Fixed Live Demo

HTML :

<div id="secret-div" style="display:none;"> 
    <div>This is new div number <span class="spnNewDivNumber"></span></div> 
</div> 
<p><a id="trigger" href="javascript:void(0);">Please, add an element</a></p> 
<div id="myDiv"></div>​ 

자바 스크립트 :

var newId = 1; 
$("#trigger").click(function() { 
    var $newSecretDiv = $("#secret-div").clone().attr('id', 'new-div' + newId++); 
    $newSecretDiv.show().appendTo("#myDiv"); 
    $newSecretDiv.find('.spnNewDivNumber').text(newId - 1); 
});​ 

Answer 2

현재 코드는 복제 전에 새 ID를 적용합니다. 즉, 기존 div의 ID가 변경됩니다. 이는 다시 클릭 핸들러가 호출 될 때 selector '# new-div'와 일치하는 div가 없음을 의미합니다.

중 하나를 복제 한 후, 또는 DOM에 삽입 한 후 ID를 적용

보십시오 :

var newId = 1; 
$("#trigger").click(function(){ 
    $("#new-div").clone().attr('id', 'new-div' +newId++).appendTo("#myDiv"); 
}); 

또는

var newId = 1; 
$("#trigger").click(function(){ 
    $("#new-div").clone().appendTo("#myDiv").attr('id', 'new-div' +newId++); 
}); 

Answer 3

당신은 당신의 현재 사업부는 '새로운 사업부'라는 이름되지 않는 # 새로운 사업부를 복제하려고합니다. 또한 생성 된 ID를 사용하여 새 div를 작성하는 대신 원래 div의 ID를 변경하고 있습니다.