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

Question

我有一个人物对象的json。我已经成功地将这些对象放置在表格中。我的目标是在每行上放置按钮，并在每行访问该人。在每一行上创建一个按钮很容易，但是要使该按钮与该行上的内容相对应则很困难。有什么建议吗？我是Web开发的新手

我已经尝试过在每行上放置一个按钮，希望代码能以某种方式知道行中的内容。另外，奇怪的是，当我单击表中的第一个按钮时，它会为我返回适当的名称，但是当我单击表中的第二个按钮时，它没有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或data-属性，例如B1，B2，B3，这些属性可以用来确定要访问的json数据库中的行。