Cloning An Element And Adding It To Dom Multiple Times

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

some text

va

Solution 1:

append is a bit odd here - it moves the element, but it might also clone it if you append it to more than one element (eg $(div).append will clone the element for every div). If you want to create 3 elements, simply call clone 3 times:

var _clone=$('.toBeCloned');
var _target=$('#target'); //this is targetfor(var i=0;i<3;i++){
    _target.append(_clone.clone(true)); //append target, clone every time
}

Solution 2:

It is conceptually strange to insert a single element in the DOM multiple times, since a DOM element can have max one parent (poor elements!). Event if you insert it into the same container, it is still very strange to be one's own sibling, so that is equally ruled out.

That is why an element is removed from the structure (if it is in one) whenever it is added somewhere else.

I spoke of pure js and the DOM now.

I was briefly under the impression that jQuery's append does not ever clone elements, but it "conveniently" does so if it is invoked on a set of elements.