Javascript 克隆字段的问题

我有这个很好用的

现在我正在尝试将

更改为

问题是id，它应该是变化的，比如input1、input2，但是在第二个示例中，新的div总是具有相同的id

---

在第一个示例中，id的名称为input1、input2、input3、…

您设置的是属性“name”而不是“id”，因此代码应为：

$('#btnAdd').click(function() {
    $('.btnDel:disabled').removeAttr('disabled');
    var c = $('.clonedInput:first').clone(true);
        c.children(':text').attr('id','input'+ (++inputs) ).val('');
        c.children(':button').attr('id','btnDelete'+ (inputs) );
    $('.clonedInput:last').after(c);
});

解决

---

不，id的名称始终为input1。您建议的更改是相对于删除btn的

 $('#btnAdd').click(function() {
        $('.btnDel:disabled').removeAttr('disabled');
        var c = $('.clonedInput:first').clone(true);
            c.children('div').attr('id','input'+ (++inputs) ).val('');
            c.children(':button').attr('name','btnDelete'+ (inputs) );
        $('.clonedInput:last').after(c);
    });