Javascript 如何在html中启用行计数自动重新排序

假设我添加了第1、2、3、4、5行 如果我删除第2行和第3行， 如何使当前行从1 4 5变为1 2 3 并添加新行，从4开始，而不是从6开始。下面是我当前代码的示例

这是小提琴，不知何故，我的添加行在小提琴中不起作用，但它在我的网站上起作用

---

使用JQuery，可以根据选择器的索引设置元素的值。在您的情况下，您可以这样做：

第一步，将名称属性添加到ID列中的输入，或选择其他内容：

<input name="row-id" />

您的代码有一些缺陷，例如：

避免多次将单击处理程序绑定到相同的元素。尝试绑定它们一次，仅在创建新元素时绑定到新元素。 尽量避免在JavaScript中键入大量HTML标记字符串并将其添加到文档中。试着理解DOM是如何工作的，以及如何使用它。 不要使用图像，因为它们是按钮。语义不同，要使它们看起来和行为像按钮会遇到很多麻烦。

---

我在JSFIDLE中添加了reorder函数只是为了显示它对您有效，但没有修复我提到的缺陷：

您可以在delete之后调用一个初始化函数，它将遍历您的所有行，并为它们提供新的ID…您能否作为JSFIDLE共享，以便我们可以使用它？

<input name="row-id" />

function reorder() {
    $('input[name="row-id"]').val(function(index) {
        return index+''; 
    });
}