Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何避免在运行时使用jQuery将新行添加到HTML表时生成重复标记(id)_Javascript_Jquery_Html Table - Fatal编程技术网

Javascript 如何避免在运行时使用jQuery将新行添加到HTML表时生成重复标记(id)

Javascript 如何避免在运行时使用jQuery将新行添加到HTML表时生成重复标记(id),javascript,jquery,html-table,Javascript,Jquery,Html Table,首先,我希望记录在案,我不确定我要问的问题是否符合SO标准。然而,情况是这样的: 我有一个HTML表,可以在运行时使用jQuery添加行。列数反映了基础表字段的数量。除了表格字段外,我还有两个额外的单元格(tds),用于: 显示行号 删除链接以删除(相应的)行 我正在生成ids,因为每个新行都是动态添加的。此外,在添加新行时,行号(在行的第一个单元格中)将更新为下一个更高的数字 直到那时,我才意识到,如果额外的行数超过某个值,则特定行中的行数输入框为空白,下一行之后,编号将继续,直到达到下一

首先,我希望记录在案,我不确定我要问的问题是否符合SO标准。然而,情况是这样的:

我有一个HTML表,可以在运行时使用jQuery添加行。列数反映了基础表字段的数量。除了表格字段外,我还有两个额外的单元格(
td
s),用于:

  • 显示行号
  • 删除链接以删除(相应的)行
我正在生成
id
s,因为每个新行都是动态添加的。此外,在添加新行时,行号(在行的第一个单元格中)将更新为下一个更高的数字

直到那时,我才意识到,如果额外的行数超过某个值,则特定行中的行数输入框为空白,下一行之后,编号将继续,直到达到下一个周期中的特定行为止

例如,行编号从1延续到10,然后在下一行中遗漏了11(本应如此)。如果我继续添加更多行,行号将从12继续到21(21再次丢失),依此类推。在研究
id
s时,我意识到第一行的最后一个单元格与第11行的第一个单元格具有完全相同的
id
。因此,如果为第11行的第一个单元格生成的
id
id\u tIndx111
,则第一行的最后一个单元格也具有相同的id,即
id\u tIndx111
。(我现在头晕了!!)

正在生成的ID的说明:

第11行,第一个单元格:
id\u tIndx111
第1行,最后一个单元格:
id\u tIndx111

21行,第一个单元格:
id\u tIndx211
第二行,最后一个单元格:
id\u tIndx211

缺少行号的原因当然是由于浏览器遇到重复的
id
s

因此,我试图克服这个弊病的是将基础表中的字段数减少1而且缺少行号的问题似乎已经得到了解决!(?)

我的问题是:在这种情况下应该采取什么方法?因为我不能总是自由地将表中的字段数保持在一定的数量。使用一个包含10个以上字段的表会遇到我刚才描述的问题


感谢您阅读上述内容。

我相信您是自己生成id的。你可以重新构造你的身份,像这样

id_tIndx1_11 

在这种情况下,
id\u tIndx1\u 11
id\u tIndx1\u 1
将不相同。那会解决你的问题。如果您可以添加id生成代码,我们可以更精确地帮助您。

我相信您是自己生成id的。你可以重新构造你的身份,像这样

id_tIndx1_11 

在这种情况下,
id\u tIndx1\u 11
id\u tIndx1\u 1
将不相同。那会解决你的问题。如果您可以添加id生成代码,我们可以更精确地帮助您。

不要从您的答案中删除任何内容,但我在您回复之前已经解决了它(尽管标记了您的回复,因为它与我所做的非常接近)。我所做的是针对循环中生成表元素属性的最后一个单元格(我有链接)。它正在发挥作用。(正如他们所说,睡一觉解决问题,我没有)不要从你的回答中拿走任何东西,但我在你回答之前已经解决了它(尽管标记了你的回答,因为它接近于我所做的)。我所做的是针对循环中生成表元素属性的最后一个单元格(我有链接)。它正在发挥作用。(正如他们所说,睡一觉解决问题,我没有。)