javascript - 克隆 Div 并更改标签

Question

我已经设置了以下 fiddle 。 https://jsfiddle.net/yvnyk69v/3/

如您所见，我有三个包含输入和复选框的 div。每个 div 彼此独立，这意味着它们的标签不应由另一个 div 计数决定。在示例中，您可以看到我为组 1 指定了 group1Row 的 id。这允许每个克隆的输入都有一个标签，并在其末尾添加计数。因此第一个标签是 Group One，第二个标签是 Group One 1。

但是，我认为 id 方法不是正确的方法。目前，我正在使用

var cloneG1 = $("#group1Row .clone");
var cnt = cloneG1.length + 1;

现在我真的无法为每个单独的 id 执行此操作。我正在努力实现我为第一集团为所有集团所做的工作。所以，如果向第 2 组添加新行，则标签应再次从 1 开始，而不是从前一组开始。我认为而不是 ids以某种方式使用 $(this) 可能会有意义。

增加每个 div 值的最佳方法是什么？

谢谢

Answer 1

我已经更新了你的 fiddle 。该代码现在似乎可以动态工作。我更改了以下行:

var cloneG1 = $(this).parent().parent().find('.clone').length;
var cnt = cloneG1 + 1;

https://jsfiddle.net/yvnyk69v/4/