Skip to main content
3 de 3
Agregada explicación
masterguru
  • 16k
  • 5
  • 15
  • 28

Inténtalo con esto:

var contadorHijos = 1;
function agregar() {
  let clonado = $("#hijo").clone()
  clonado.attr("id", "hijo_" + contadorHijos);
  contadorHijos++
  clonado.appendTo("#padre");
}

Tal como has solicitado en tus comentarios, ahora se crean con ids de forma secuencial.

Explicación:

Al quererlo de forma secuencial primero creamos una variable global denominada contadorHijos para que nos sirva de contador cada vez que ejecutemos la función agregar.

Dentro de la función asignamos a una variable local denominada clonado un clon del elemento con id hijo. Luego le cambiamos el atributo id asignándole el nombre hijo_ más un número que nos vendrá dado por la variable global contadorHijos. Después incrementamos el contador para que la siguiente vez que se invoque a la función agregar asigne otro número superior. Y finalmente lo agregamos al elemento con id padre.

masterguru
  • 16k
  • 5
  • 15
  • 28