JQuery将类添加到克隆元素

这是我的脚本：

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