无法访问获取除第一行以外的其他行的值答案

【问题标题】：Unable to access get values of other rows other than the first row无法访问获取除第一行以外的其他行的值
【发布时间】：2019-09-23 20:25:29
【问题描述】：

我有一个人对象的 json。我已经成功地将这些对象放在一张桌子上。我的目标是在每一行放置按钮并访问每一行的人。在每一行上创建一个按钮是容易的部分，但是使按钮与该行上的内容相对应是困难的。有什么建议吗？我是网络开发新手

我已经尝试在每一行上放置一个按钮，希望代码能知道它所在行的内容。另外，奇怪的是，当我单击表中的第一个按钮时，它会返回适当的名称，但是当我单击表中的第二个按钮时，它不会 console.log 任何内容..

    div(style = "text-align: center;")
                table.table.table-striped.table-dark
                    thead
                        tr
                            th(scope='col')
                            th(scope='col') Friend
                            th(scope='col') Email
                    tbody
                        each item in json
                            tr
                                td
                                    button(id = 'sendRequest', type = 'submit', value = '#{item.name}', name = 'name')
                                td #{item.name}
                                td #{item.email}

当我单击该行上的按钮时，我希望获得该行上特定人员的姓名

【问题讨论】：

ids 在文档中应该是唯一的。

标签： javascript html node.js pug mean-stack

【解决方案1】：

id 被认为是独一无二的。您可以尝试为每个按钮指定一个唯一生成的id 或data- 属性，例如B1、B2、B3，可用于确定它想要访问的 JSON 数据库中的哪一行。

在生成元素时，将 id 设置为 = "El" + index 之类的东西。然后您可以使用... document.getElementById("El" + index) 访问它。

【讨论】：