表中的可编辑行 – 是否在元素的错误练习中使用记录ID？

我正在尝试使用jquery创建一个function来编辑类别名称的HTML表。

到目前为止，我使用PHP / MySQL填充了我的表。 一切正常。

我已经阅读过jQuery – 在线编辑一个表行，但是如果你想将它保存回数据库，这似乎无法解决你如何识别记录的问题。

我见过做这样的事情的解决方案：

 Foo   Bar  

这种在tr元素上使用ID的方法是否可以接受？ 它似乎有点落后，因为这不是我理解ID应该在标记中使用的方式吗？ 例如，如果你有多个表（我的情况不是这样），那么标记中的所有ID都应该是唯一的，这样做会很糟糕吗？

有没有更好的方法来处理这个？

仅仅为了一些背景信息，这是我想要实现的：

1. 该表在页面加载时呈现。
2. 单击表格行上的“编辑”按钮。
3. 这会使行变得可编辑 – 我相信类似的东西可以用于我发布的链接。
4. 将“修改”按钮更改为“保存”。 单击此按钮会触发ajax调用， 但这需要将行ID和文本框值发布回我的PHP脚本。

数据相对简单 – 每个表行只有一个ID和类别名称。

Answer 1

你应该研究的是data attributes 。

你如何使用它们是..

  Foo ....   Bar ....  

并且假设您需要获取单击行的ID，您可以使用.data()方法。

 ... $('tr').on('click', function(){ id = $(this).data('id'); ... }); ...