Necesito ayuda con jquery para copiar un DIV en otro DIV y espero que esto sea posible. Tengo el siguiente HTML:
<div class="container">
<div class="button"></div>
</div>
Y luego tengo otro DIV en otra ubicación en mi página y me gustaría copiar el 'botón' div en el siguiente 'paquete' div:
<div class="package">
Place 'button' div in here
</div>
Querrá utilizar el método clone()
para obtener una copia profunda del elemento:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
Demostración completa:
De la documentación de jQuery:
El método .clone() realiza una copia profunda del conjunto de elementos coincidentes
elementos, lo que significa que copia los elementos coincidentes así como todos de sus elementos descendientes y nodos de texto. Cuando se utiliza junto con con uno de los métodos de inserción, .clone() es una forma conveniente de duplicar elementos en una página.