Как добавить несколько входных файлов в div с помощью jquerys clone и append

Question

Я использую jquery, чтобы динамически добавить два поля ввода в новый div "row". Проблема в том, что только второе поле ввода клонируется и добавляется. Я не могу найти решение. Любая помощь приветствуется.

Trainer= {
    neuen_trainer_hinzufuegen(){
        var n = $( ".trainerposition" ).length;
         $( "#trainer" ).append( $('<div class="trainerposition" id="trainerposition_'+n+'"></div>') );

         $( "#trainer_0_vorname" ).clone().appendTo( "#rtrainerposition_"+n );
         $( "#trainerposition_"+n+" input:nth-child(2)").attr('name', 'trainer_'+n+'_vorname');
         $( "#trainerposition_"+n+" input:nth-child(2)").attr('id', 'trainer_'+n+'_vorname');

         $( "#trainer_0_nachname" ).clone().appendTo( "#trainerposition_"+n );
         $( "#trainerposition_"+n+" input:nth-child(3)").attr('name', 'trainer_'+n+'_nachname');    
         $( "#trainerposition_"+n+" input:nth-child(3)").attr('id', 'trainer_'+n+'_nachname');

    }

}

Answer 1

У вас есть дополнительный r в вашем селекторе :-)

$( "#trainer_0_vorname" ).clone().appendTo( "#rtrainerposition_"+n );

Я думаю, что это должно быть

$( "#trainer_0_vorname" ).clone().appendTo( "#trainerposition_"+n );