Skip to main content
Agregada explicación
Origen Enlace
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.

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.

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.

se eliminaron 122 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Inténtalo con esto:

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

Pero te pasará lo mismo cuando pulses dos veces sobre el Agregar pues siempre te pondra otroIDTal como has solicitado en lugar del hijo. No voy más allá porque no explicas que id quieres poner después, si secuencial, si aleatoriotus comentarios, etc. Pero ahora ya ves la formase crean con ids de hacerlo al menosforma secuencial.

Inténtalo con esto:

function agregar() {
  let clonado = $("#hijo").clone()
  clonado.attr("id", "otroID");
  clonado.appendTo("#padre");
}

Pero te pasará lo mismo cuando pulses dos veces sobre el Agregar pues siempre te pondra otroID en lugar del hijo. No voy más allá porque no explicas que id quieres poner después, si secuencial, si aleatorio, etc. Pero ahora ya ves la forma de hacerlo al menos.

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.

Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Inténtalo con esto:

function agregar() {
  let clonado = $("#hijo").clone()
  clonado.attr("id", "otroID");
  clonado.appendTo("#padre");
}

Pero te pasará lo mismo cuando pulses dos veces sobre el Agregar pues siempre te pondra otroID en lugar del hijo. No voy más allá porque no explicas que id quieres poner después, si secuencial, si aleatorio, etc. Pero ahora ya ves la forma de hacerlo al menos.