Как добавить 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 для каждой строки, а затем извлечь идентификатор при щелчке строки.

Вот что я пытаюсь, но не работает:

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

Вы можете использовать плагин Data Tables для создания таблицы. https://datatables.net/ он имеет встроенные функции, чтобы щелкнуть строку и что-то сделать.