如何通过点击表格的某一行的某一个td，来完成选中这一行的操作？

Question

1，在这个表格中，我想点击删除来从数据库中删除某一行，如何来获取到这一行的数据在数据库中的id？

2，假如我点击了id列的3，如何能完成选中这个整个一行的操作？根据这个id，弹出对应的内容。

Answer 1

在视图渲染的时候给 a的 href的删除链接附上?id=xxx
或者
在视图渲染的时候给一行的某个元素一个属性，值为id，用js获取

Answer 2

首先 有几个问题需要问清楚

• 你是前台还是后台？

• 你的表格是前台添加 然后获取后台数据生成的 还是直接获取后台接口 然后动态生成前台表格？

问题的答案不一样 处理方式也就不一样

如果是动态生成前台表格 你可以在生成这个表格的时候 在每一行给删除按钮 绑定id 比如

` html.push("<div class='btnUpdate' data-id='" + usr.id + "'  > 修改 </div>");
html.push("<div class='btnDelete'  data-id='" + usr.id + "'> 删除 </div>");`

Answer 3

你可以在生成这个删除按钮的时候，给这个dom绑定好对应的id，例如加上一个属性 data-id="3"，这样在删除的click事件里就可以通过this.dataset.id获取到这个id。

如果你想显示更多的数据，也有很多办法，从dom获取、用id从数据里面获取等等

Answer 4

感谢你给的思路，刚刚试了下，可以成功。多谢