jQuery añadiendo clase de elemento clonado

Question

Ésta es mi guión:

$('.addprop').click(function() { 
     $('#clone').clone().insertAfter('.addprop'); 
    }) 

tengo que añadir una clase para el nuevo elemento que se está creando. ¿Es posible?

Answer 1

sí, es:

$('.addprop').click(function() { 
     $('#clone').clone().addClass('newClass').insertAfter('.addprop'); 
    }) 

Aunque está clonando un elemento basado en su id, $('#clone'), por lo tenga en cuenta que habrá dos elementos que comparten la misma id, lo que hace que el resultado HTML no válido, por lo que te sugiero:

$('.addprop').click(function() { 
     $('#clone').clone().attr('id',id += 1).addClass('newClass').insertAfter('.addprop'); 
    }); 

Esto añadirá efectivamente el número 1 hasta el final del final del valor id actual. Para que esto sea más dinámico que probablemente necesita que se base en un recuento del número de elementos de la nueva clase-name:

$('.addprop').click(function() { 
     $('#clone').clone().attr('id',id += $('.newClass').length).addClass('newClass').insertAfter('.addprop'); 
    }); 

Answer 2

Claro.

Después de que el método actual .clone() la elemento es el clon ..

$('#clone').clone().addClass('class-name-here').insertAfter('.addprop'); 

---

Aviso

tendrá que cambiar el id del clon como es debido ser único en el DOM y al clonar ese elemento, la identificación también se clona ..

Así que mejor que hacer algo como

$('#clone').clone().attr('id','newid').addClass('class-name-here').insertAfter('.addprop');