克隆元素并将其多次添加到Dom

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).append将克隆每个div的元素).
如果要创建3个元素,只需调用clone3次:

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
}