JQuery 克隆不适用于类选择器

Question

小提琴

我正在尝试从按钮的 onClick() 函数克隆一个跨度。第一次这工作正常，但当我第二次尝试时，它不是克隆。我究竟做错了什么？

这是我的代码的本质。

$(document).ready(function(){
    $('.addmachinerow').on('click',function(){

    var edcname =  $('.edc_name option:selected').val();
    var machine_description =   $("input[name='machine_description'").val();
    var capacity =   $("input[name='capacity'").val();
    var voltage_level =   $("input[name='voltage_level'").val();
    var powertype =  $("select[name='typeofpower'").val();
    var edcautovalue = $('.ecaddingspan').attr('data-value');

//if($('#bank_increment').html() == '')  $('#bank_increment').html('0');   else  $('#bank_increment').html(parseInt($('#bank_increment').html())+1);

//if($('#bank_clickededit').html() == '') var bank_increment =  $('#bank_increment').html(); else  var bank_increment = $('#bank_clickededit').html();


$('.ecaddingspan').clone().appendTo('.edcparent');
//$('.bankname, .bankbranch , .IFSCcode , .bankaccno , .accsincefrom').val('');

 var edc_details = {'edcname' : edcname, 'machine_description' : machine_description, 'capacity' : capacity, 'voltage_level' : voltage_level, 'powertype' : powertype }
//$('.bank_details_array').append(JSON.stringify(bank_details)+'&&');
    });
});

此外：

如何通过单击“总克隆”按钮来克隆整个集合？

我需要将值保存在具有不同名称的数组中。那可能吗 ？

Answer 1

如何通过单击“总克隆”按钮来克隆整个集合？

您必须改用事件延迟on()：

$('body').on('click','.addmachinerow', function(){
   //Event code
})

由于新.addmachinerow的克隆后动态添加到页面中。

我需要用不同的名称将值保存在数组中，这可能吗？

我建议使用数组名称，[]如：

<input name='machine_description[]' />
<input name='voltage_level[]' />

希望这可以帮助。