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