nodo - Cómo copiar la fila de la tabla con clonar en jquery y crear nuevos ID únicos para los controles

duplicar input jquery

Question

Cómo copiar la fila de la tabla con clonar en jquery y crear nuevos Id. Únicos para los controles. Clone también copiará los datos. No quiero que se copien los datos.

La fila de la tabla contiene la siguiente información:

<tr>
<td><input type="text" id="txtTitle" name="txtTitle"></td>
<td><input type="text" id="txtLink" name="txtLink"></td>
</tr>

Necesito crear identificadores únicos para todas las filas nuevas, como txtTitle1, link1, Title2, link2, etc.

Answer 1

Podrías hacer algo como esto:

var i = 1;
$("button").click(function() ​​​{
$("table tr:first").clone().find("input").each(function() {
$(this).val('''').attr(''id'', function(_, id) { return id + i });
}).end().appendTo("table");
i++;
})​;​

Esto vaciaría los valores de las nuevas filas y les daría ID únicos comenzando con txtTitle1, txtTile2, etc.

Puedes intentarlo aquí . Si necesitaras cambiar el name también, pasaría un objeto a .attr() para mantenerlo un poco más limpio, así:

var i = 1;
$("button").click(function() {
$("table tr:first").clone().find("input").each(function() {
$(this).attr({
''id'': function(_, id) { return id + i },
''name'': function(_, name) { return name + i },
''value'': ''''
});
}).end().appendTo("table");
i++;
});​

Puedes probar esa versión aquí .