在克隆（jquery）上将1添加到类名答案

【问题标题】：Add 1 to class name on clone (jquery)在克隆（jquery）上将1添加到类名
【发布时间】：2014-11-20 18:09:43
【问题描述】：

我创建了简单的脚本，这是我的 jquery：

// 
$('.sections a').click(function (e) {
    var clone = $('.sections a ~ div:last').clone();

    $('.sections a').after(clone);
});

和html

<div class="sections">

    <a href="#add_section">Add section</a>

    <div class="section_1">
        <input type="hidden" name="section_1">
    </div>

</div>

点击链接“添加部分”后，我的脚本在锚点后克隆最后一个 div。然后单击下一步，我想将一个添加到类并输入值，例如：

    <div class="section_1">
        <input type="hidden" name="section_1">
    </div>

    <div class="section_2">
        <input type="hidden" name="section_2">
    </div>

    <div class="section_3">
        <input type="hidden" name="section_3">
    </div>

【问题讨论】：

标签： jquery html clone

【解决方案1】：

将此代码添加到您的 js 中：

var clones=1;
$('.sections a').click(function (e) {
    var clone = $('.sections a ~ div:last').clone();
    $('.sections a ~ div:last').after(clone);
    clones++;
    clone.attr('class','section_'+clones);
    clone.find('input[type="hidden"]').attr('name','section_'+clones);
});

demo

对不起...我还没有看到@twain 的答案。基本一样，希望demo能帮到你

【讨论】：

【解决方案2】：

尝试绑定到文档并过滤元素

$(document).on('click', '.sections a', function (e) {
    var clone = $('.sections a ~ div:last').clone();

    //increment attributes here


    $('.sections a').after(clone);
});

【讨论】：

【解决方案3】：

试试这个（有点脏，但应该可以）：

$('.sections a').click(function (e) {
    var clone = $('.sections a ~ div:last').clone();
    var currentClass = $('.sections a ~ div:last').attr("class");
    var currentId = currentClass.substr(currentClass.length -1);
    currentId++;

    $(clone).attr("class", "section_" + currentId);
    $(clone).find("input").attr("name", "section_" + currentId);
    $('.sections a ~ div:last').after(clone);
});

【讨论】：