如何使用 jquerys clone 和 append 将多个输入文件添加到 div

Question

我正在使用 jquery，在新的“行”div 中动态添加两个输入字段。 问题是，只有第二个输入字段被克隆和附加。我找不到解决方案。 任何帮助表示赞赏。

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 );