javascript - 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 节点插入 DOM 之前，您总是希望对 DOM 节点进行尽可能多的更改。在这种情况下，您需要在 append 新行之前设置新选择框的 ID。原因是因为一旦插入了 DOM 节点(例如，您可以在页面中看到它)，每次更改都会导致它重新渲染 - 这是低效的。

看看这个更新的 fiddle :

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