요소를 복제하고 돔에 추가 여러 번

Question

//I am cloning a dom element and inserting it in dom element multiple times 

    <div class='toBeCloned'>some text</div> 
    <div id='target'></div> 

    var _clone=$('.toBeCloned').clone(true);//create clone 
    var _target=$('#target'); //this is target 

    _target.append(_clone); //append target 
    _target.append(_clone); //append target 
    _target.append(_clone); //append target 

//this should add 3 elements but it's adding only one 

Answer 1

append 여기에 조금 이상한 모든 div에 대해).
당신이 3 개 요소를 만들려면, 단순히 전화 clone 3 회 :

var _clone=$('.toBeCloned'); 
var _target=$('#target'); //this is target 

for(var i=0;i<3;i++){ 
    _target.append(_clone.clone(true)); //append target, clone every time 
} 

Answer 2

DOM 요소가 최대 하나의 부모를 가질 수 있기 때문에, DOM을 여러 번에 하나의 요소를 삽입하는 개념적 이상하다 (가난한 요소 !). 이벤트를 같은 컨테이너에 삽입하면 자신의 형제가되는 것은 여전히 ​​이상한 일이므로 동등하게 배제됩니다.

다른 요소에 추가 될 때마다 요소가 구조체에서 제거됩니다 (하나 인 경우).

나는 지금 순수한 js와 DOM에 대해 말했습니다.

jQuery의 append은 요소를 복제하지 않지만 요소 집합에서 호출되는 경우 "편리하게"수행됩니다.