javascript - 向表中添加行时如何更改 Div Id 值

标签 javascript jquery html-table

我有一个问题,这个问题的解决方案有点超出了我的编程能力......希望有人可以帮助我。

我有一个表格,每个单元格内都有一个 div。每当将行或列添加到表中时,我需要 div id 动态更改。 div id 围绕表格蛇行,因此当添加新行或新列时,div id 必须更改。 div id 在 Javascript 中使用,因此它们必须动态更改,否则代码将无法工作。

我创建了所有内容的图片示例,但由于我是新成员,所以无法添加它们。希望下面的文本示例能够帮助您理解我的意思...

2X2 表,其 div id 蜿蜒返回:

|分区 ID = 1 | div id = 2 |
|分区 ID = 4 |分区 ID = 3 |

2X3 表格,添加了一个新列,其中添加了 div id 的外观:

|分区 ID = 1 |分区 ID = 2 | div id = 3 |
|分区 ID = 6 |分区 ID = 5 | div id = 4 |

此外,如果您对此有其他想法,请告诉我。我愿意接受所有建议。

更新...

我添加了一个 jsfiddle,其中包含我的代码及其使用方式的小示例。此时我想我有两个选择。

如您所见,可拖动对象按顺序放置或恢复,因此一种选择是更改完成此操作的方式。

我的第二个选择是这里多次提到的,并更改 div 与 jQuery 可放置代码的联系方式。

希望这有帮助。

http://jsfiddle.net/irocmon/wzb5U/

最佳答案

我刚刚为您编写了一个快速演示,网址为 http://jsfiddle.net/65Uwh/ 。它循环遍历所有行,检查它是奇数还是偶数,并根据需要重命名 ID(并在每个 div 中设置跨度的值,以便您可以看到数字)。

您应该能够轻松添加一个按钮,单击该按钮即可将一行添加到表中,该行与最后一行等完全相同(使用 $("tbody tr:last-child ", $(this)).clone();) 并将其附加到 tbody,然后调用该函数。列应该同样简单。

关于javascript - 向表中添加行时如何更改 Div Id 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7376926/

相关文章:

python - Google App Engine Python HTML 表

javascript - 如何将文件上传到 AWS 中的预签名 URL?

javascript - Json 使用 jquery 与查询字符串相互转换?

php - 用文本填充空格

javascript - jQuery 相当于 XMLHttpRequest 的上传?

html - 表格边框 HTML+CSS

javascript - 将滚动条添加到 2 个表

javascript - 如何基于流动态构建 Javascript 对象

javascript - 克隆按钮无法打开模式

Javascript 原型(prototype)、对象、构造函数??我很困惑