Jquery追加更新元素id

Question

https://jsfiddle.net/codenoob/cavrnyv0/6/

请看jsfiddle。

我有一个向表中添加新行的按钮。然后我想更新新添加的行的id，这样每行都是唯一的。但是顺序错了。

例如，

。我希望得到

original
newrow 1
newrow 2
newrow 3

而不是

newrow 1
newrow 2
newrow 3
original

如果您检查开发人员工具上的元素。你会注意到的。它不是在原始版本之前附加，而是将原始版本重命名为newrow1。

我做错了什么。

Answer 1

您无需使用html()进行克隆 - jquery附带的克隆功能效率更高。

此外，您始终希望在将其插入DOM之前对进行尽可能多的更改。在这种情况下，您需要在附加新行之前设置新选择框的ID。原因是因为一旦插入了DOM节点（例如，您可以在页面中看到它），每次更改都会导致它被重新渲染 - 这只是效率低下。

看看这个更新的小提琴：

https://jsfiddle.net/cavrnyv0/8/