Javascript 如何在使用clone（）进行克隆后增加div值

在克隆div之后，我试图将头输出为group1、group2等等。 但是，当我尝试在单击按钮后设置组名时，它会给我组1，而我希望第一个div是组1，然后第一个克隆事件将是内容组2。 我尝试了几种粘贴的方法，但是没有得到我想要的结果

这是您可以查看的JSFIDLE

[HTML]

<div class="row-fluid">
<div class="container">
    <div class="">
        <span class="btn btn-primary addstage">Add Stage</span>
        <select id="selecttype">
            <option></option>
            <option value="1">League</option>
            <option value="2">Knockout</option>
        </select>
        <div class="leaguegrp">
            <div class="league">

                <div class="groupnum"></div>

                <span class="btn btn-primary addStage">Add Group</span>

            </div>
        </div>
    </div>
</div>

[CSS]

---

看看这把小提琴：

这不是最好的方法，但如果不想更改代码的主要部分，只需在附加节点后添加这一行即可

leagueGroup.find('.groupnum').text('Group '+ (leagueGroup.index() + 1))

这将根据其在DOM中的索引设置组号

编辑：

实际上，我没有看到您已经保存了一个var，因此您可以这样做：

leagueGroup.find('.groupnum').text('Group '+ i)
i++

---

id=“program-n”的定义在哪里？是我自己还是HTML和javascript来自不同的项目？我在不同的页面上工作，我很愚蠢。我想是睡眼吧。这就是为什么错误的代码。这当然是我想要的工作方式。如果这不是最佳方式。你能分享一下会是什么吗@Karl AndréGagnonI编辑了我的答案，因为我遗漏了一些东西，我很快会用一个优化的提琴发布另一条评论。好吧，不用讨论JS对象，wich可能是你项目未来最好的（因为我不知道你的整个项目，所以不能确定），这个（）更好一点（只是一点），原因有二。1：每个bouton现在都有事件处理程序，2：您不需要通过DOM导航来克隆。您只需在加载时导航一次。对不起，如果我不清楚，但我的意思是，这样的表现更好！@卡尔·安德烈·加农：这就是我的项目。在你的帮助下，我更新了js。有一些身份冲突。如果我也以增量方式更新id，href将不会更改，如何实现这一点？

leagueGroup.find('.groupnum').text('Group '+ (leagueGroup.index() + 1))

leagueGroup.find('.groupnum').text('Group '+ i)
i++