проблема с клонированным полем

Question

у меня есть этот код , который хорошо работает

Теперь я пытаюсь изменить <input id="input1" /> на <div id="input1"> </div> Здесь .

Проблема в идентификаторе, предполагается изменение, как в input1, input2, но во втором примере новые div всегда имеют одинаковый идентификатор.

В первом примере имена идентификаторов: input1, input2, input3, ...

Answer 1

решаемые

 $('#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);
    });

Answer 2

Вы устанавливаете атрибут «имя», а не «идентификатор», поэтому ваш код должен выглядеть так:

$('#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);
});