javascript - 如何使用jquery克隆和追加向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 );