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

Question

我有一个人物对象的 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}

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

Answer 1

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

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