Jquery追加更新元素id

时间:2016-08-17 01:03:46

标签: javascript jquery append

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

请看jsfiddle。

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

例如,

。我希望得到

original
newrow 1
newrow 2
newrow 3

而不是

newrow 1
newrow 2
newrow 3
original

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

我做错了什么。

1 个答案:

答案 0 :(得分:1)

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

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

看看这个更新的小提琴:

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