JQuery 将类添加到克隆元素

Question

这是我的脚本：

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

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

Answer 1

是的，确实如此：

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

虽然您是根据 id、$('#clone') 克隆元素，但请注意，将有两个元素共享 < strong>相同的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');