¿Es posible clonar elementos HTML en jQuery con ID y nombre nuevos?

Question

Quiero clonar una fila de una tabla, pero cuando la clono, el nuevo elemento name y id será el mismo que el elemento desde el que se clonó.

Lo que necesito son los elementos clonados con un diferente name y id.

Answer 1

me lo pase prop un mapa de pares clave/valor para actualizar estos valores después de la clonación:

$("#selector").clone().prop({ id: "newId", name: "newName"}); 

clonada elementos no existen en el DOM hasta que se agrega ellos, por lo que no va a tiene que preocuparse por duplicar id s hasta que lo haga.

Ejemplo:http://jsfiddle.net/BbpRA/

Actualización: En el comentario que dice que tiene 20 input s que necesita para clonar. Crearía una función que toma el elemento DOM y la nueva identificación y nombre. Incluso se puede hacer un pequeño plug-in fuera de él:

(function($) { 
    $.fn.cloneWithProperties = function (properties) { 
     return this.clone().prop(properties); 
    }; 
})(jQuery) 

Uso:

$("#selector").cloneWithProperties({ id: "newId", name: "newName" }); 

Answer 2

Usted puede hacer algo como:

var x = $("#selector").clone(); 

x.find('#oldID1').attr({id: "newID1", name: "newName1"}); 
x.find('#oldID2').attr({id: "newID2", name: "newName2"}); 
... 

Una vez que su hecho, puede anexar x para siempre usted quiere.

Por favor, tenga en cuenta que el #selector anterior se refiere a su elemento de fila de la tabla.

Answer 3

usted podría intentar algo como esto:

<div class="container"> 
    <div class="goodbye"> 
    Goodbye 
    <div id="h1" class="hello">Hello</div> 
    </div> 
</div> 

$('#h1').clone().attr('id','h2').appendTo('.container'); 

Answer 4

puede automatizar su clon con cloneJS. Es solo una versión beta: CloneJS