如何将addListener添加到表行并提取数据属性

Question

我有一个表格，每行的数据属性为

<tr class="tableRow" data-id="{{this.id}}">
      <td>{{this.first_name}}</td>
      <td>{{this.last_name}}</td>
      <td>{{this.email}}</td>
 </tr>

我想为每一行添加一个EventListener，然后在单击一行时提取id。

这是我正在尝试但不起作用的地方：

const rowClick = document.querySelectorAll(".tableRow");

rowClick.addEventListener("click", function() {
  console.log("row was clicked");

  const id = rowClick.getAttribute("data-id");
  console.log(id);

});

请帮助。

Answer 1

您可以使用数据表插件来创建表。 https://datatables.net/它具有内置函数来单击行并执行某些操作。