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
.