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

Answer 2

不确定。

在.clone()方法之后，当前元素是克隆..

$('#clone').clone().addClass('class-name-here').insertAfter('.addprop');

---

的通知 的

您需要更改克隆的id，因为它在DOM中必须是唯一的，当您克隆该元素时，也会克隆该ID。

更好地做一些像

这样的事情

$('#clone').clone().attr('id','newid').addClass('class-name-here').insertAfter('.addprop');