¿Es posible clonar objetos de elementos html en JavaScript / JQuery?

Solución:

Con JavaScript nativo:

newelement = element.cloneNode(bool)

donde el booleano indica si clonar nodos secundarios o no.

Aquí está la documentación completa sobre MDN.

Usando su código, puede hacer algo como esto en JavaScript simple usando el método cloneNode ():

// Create a clone of element with id ddl_1:
let clone = document.querySelector('#ddl_1').cloneNode( true );

// Change the id attribute of the newly created element:
clone.setAttribute( 'id', newId );

// Append the newly created element on element p 
document.querySelector('p').appendChild( clone );

O usando el método jQuery clone () (no es el más eficiente):

$('#ddl_1').clone().attr('id', newId).appendTo('p'); // append to where you want

Sí, puede copiar los elementos secundarios de un elemento y pegarlos en el otro elemento:

var foo1 = jQuery('#foo1');
var foo2 = jQuery('#foo2');

foo1.html(foo2.children().clone());

Prueba: http://jsfiddle.net/de9kc/

---

---

Utiliza Nuestro Buscador