Clonar en jquery

LikeStone23 · 29 Dic 2016

Necesito clonar un div varias veces al pulsar un botton

$('#add).on('click', function() {
var content = $('.clon-row').clone(true);
});

.clone solo clona 1 vez de uno en uno como puedo clonar un objeto 5 veces de golpe al pulsar un botton

juan25 · 29 Dic 2016

no lo almacenes variable.

yo haria en el html 1 div con class y ahi agregaria los clonados.
y en el jquery haria

var clon = $('.divaclonar').clone.();
$('.micontenedor').append(clon).append(clon).append(clon).append(clon).append(clon);

- - - Actualizado - - -

hice desde movil. habra fallos

sevilla666 · 30 Dic 2016

- - - Actualizado - - -

No me hagas caso lo que puse antes, no lo había entendido, lo edito y borro, si tienes los divs con la clase creada, te lo he hecho así a falta de datos, no he usado clon()

Insertar CODE, HTML o PHP:

<!doctype html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
$('#add').on('click', function() {
var clon = $('#aclonar').html();
   $('.row').append(clon);
});});
</script>  
</head>
<body>
<div id="aclonar">esto se clonara</div>
<div  class="row"></div>
<div  class="row"></div>
<button type="submit" id="add">Enviar</button>
  <div id="demo"></div>
</body>
</html>

denzel · 3 Ene 2017

Utiliza un bucle for y listo :topsy_turvy:

- - - Actualizado - - -

La forma correcta es almacenar el valor devuelto en una variable y agregar el contenido al doom dentro de un bucle for, lo primero para no tener que ejecutar el método clone() o html() n veces y lo segundo para que todo ese proceso se maneje desde el mismo archivo javascript sin tocar el html

Clonar en jquery

LikeStone23

juan25

sevilla666

denzel

Temas similares