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

Question

我有一个人的对象。我已经成功地将这些对象放在表中。我的目标是将按钮放在每一行，并在每一行访问该按钮。在每一行上创建一个按钮是简单的部分，但是制作按钮对应于该行上的内容很困难。有建议吗？我是Web开发的新手

我已经尝试在每一行上放一个按钮，希望代码能够多知道它的行。另外，奇怪的是，当我单击表中的第一个按钮时，它会返回适当的名称，但是当我单击表中的第二个按钮时，它没有机。

    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是 unique 。您可以尝试将每个按钮提供一个唯一生成的id或data-属性，例如B1，B2，B3，可用于确定它想要访问的JSON数据库中的哪一行。

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