JQuery 将类添加到克隆元素

Question

这是我的脚本:

$('.addprop').click(function() {
        $('#clone').clone().insertAfter('.addprop');
    })

我需要向正在创建的新元素添加一个类。可能吗？

Answer 1

是的，是:

$('.addprop').click(function() {
        $('#clone').clone().addClass('newClass').insertAfter('.addprop');
    })

虽然您是根据 id、$('#clone') 克隆元素，但请注意，将有两个元素共享 相同的 id，这使得结果无效 HTML，所以我建议:

$('.addprop').click(function() {
        $('#clone').clone().attr('id',id += 1).addClass('newClass').insertAfter('.addprop');
    });

这将有效地将数字 1 添加到当前 id 值的末尾。为了使其更加动态，您可能需要将其基于新类名的元素数量计数:

$('.addprop').click(function() {
        $('#clone').clone().attr('id',id += $('.newClass').length).addClass('newClass').insertAfter('.addprop');
    });