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

Question

我有一个表，每行的数据属性为 data-id

<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/ 它具有单击行并执行某些操作的内置功能。