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í .