克隆保持正确编号的多维表单元素（JQuery）

鉴于以下结构

<div class="form_segment">
<input type="text" name="data[0][sku]">
<input type="text" name="data[0][product]">
<input type="text" name="data[0][qty]">
</div>

<div class="form_segment">
<input type="text" name="data[1][sku]">
<input type="text" name="data[1][product]">
<input type="text" name="data[1][qty]">
</div>

我想通过按下一个按钮将这些段动态地添加到输入表单中

问题是，据我所知，我会通过将索引号存储在div的某个属性中来实现这一点，但由于这些段将来可能会被删除，这将变得非常混乱，我相信有更好的解决方案

---

因此，我的问题是：在使用jquery克隆div之后，如何设置正确的索引，而不是像我上面提到的那样痛苦？

至少你应该定义什么是正确的数字。动态索引任何内容都应该始终需要某种跟踪。最简单的跟踪形式是基于for-loop的运行变量。正确的编号是，如果我有16个元素，并从随机位置删除10个输入段，我将得到索引为0,1,2,3,4,5,6的数据。。。我不确定在哪里实现for循环，我当前的代码是一个简单的jquery克隆调用，调用段的count，并以此更新新插入的输入索引