Javascript 基于删除方法动态调整字段顺序

我在表单中添加了两个字段；使用JavaScript的“事件数据”和“事件详细信息”。它方便用户添加任意数量的事件。除了以下两个问题外，一切都很顺利

如果我添加5个事件，然后删除第2个事件。我的其余事件的顺序是这样的

1,3,4,5

，但它们应该看起来像

1,2,3,4

另外，在删除2号事件后，如果我添加新事件，它将创建在5号；所以我的事件序列看起来像这样

1,3,4,5,5

如何修改脚本以使事件自动重新排列

var tableCount=1；
var指数=1；
$（文档）.on（'click'，'button.add_time'，函数（e）{
e、 预防默认值（）；
tableCount++；
$（“#时间表”）.clone（）.attr（'id'，“时间表”+tableCount）.appendTo（“#表格”）；
$（“#时间表”+表格计数）。查找（“输入”）.val（“”）；
索引++；
$（#timeline'+tableCount+'.aa'）.html（tableCount）；
});
$（document）.on（'click'，'button.removeTime'，function（）{
var closestTable=$（this）.closest（'table'）；
if（closestTable.attr（'id'）！=“时间表”）{
closestTable.remove（）；
}
表计数--；
如果（tableCount<1）{
tableCount=1；
}
返回false；
});

1.
删除事件
1.
事件描述：
​
添加更多事件

您可以创建一些函数，每次单击“删除”按钮时都会调用该函数。在该函数中，您需要遍历所有表，留下第一个表，然后使用

.find（）

添加新值，即：

count

到显示

1,2..etc

的td。此外，您需要使用

$（this）.attr（“id”，“timeline”+newvalue）更改表的id

演示代码：


var tableCount=1；
var指数=1；
$（文档）.on（'click'，'button.add_time'，函数（e）{
e、 预防默认值（）；
tableCount++；
$（“#时间表”）.clone（）.attr（'id'，“时间表”+tableCount）.appendTo（“#表格”）；
$（“#时间表”+表格计数）。查找（“输入”）.val（“”）；
索引++；
$（#timeline'+tableCount+'.aa'）.html（tableCount）；
});
$（document）.on（'click'，'button.removeTime'，function（）{
var closestTable=$（this）.closest（'table'）；
if（closestTable.attr（'id'）！=“时间表”）{
closestTable.remove（）；
}
表计数--；
resetValues（）；//调用重置值
如果（tableCount<1）{
tableCount=1；
}
返回false；
});
函数resetValues（）{
计数器=2；//初始化为2，因为1是固定的
//在表中循环不是第一个
$（“.tg:not（：first）”）。每个（函数（）{
//查找。aa类替换其计数器
$（this.find（'.aa'）.text（计数器）；
$（this.attr（'id'，“时间表”+计数器）；
计数器++；
})
}

1.
删除事件
1.
事件描述：
​
添加更多事件
对不起，我无法检查此项。这是完美的工作了！谢谢，非常感谢您的支持！。。