javascript - JQuery 克隆无法与类选择器一起使用

Question

Fiddle

我正在尝试从按钮的 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

How can i clone the entire sets on clicking the Total clone button ?

您必须使用事件延迟 on() 来代替:

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

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

I need to save the values in array with different names is that possible ?

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

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

希望这有帮助。