Доброго времени!
Подскажите пожалуйста как привязать слушателя к конкретной таблице?
Почему не получается привязать слушателя к конкретной таблице вот таким образом (так не работает):
document.querySelector('table.name_class_table').addEventListener("click", ({target}) => {
});
<html>
<head>
<script>
document.querySelector('table.name_class_table').addEventListener("click", ({target}) => {
var tr = target.closest("tbody > tr");
if(!tr) return;
var position = tr.querySelector("td.geo").textContent;//Берём нужную ячейку
position = position.split(/\s+/).map(Number); //Разбиваем содержимое ячейки
UpdateGoogleMap(position[0],position[1]);
});
</script>
</head>
<body>
<div>
<table class="name_class_table">
<thead>
<tr>
<th>Координаты</th>
</tr>
</thead>
<tbody>
<c:forEach items="${listFlood}" var="flood">
<tr>
<td class="geo">${flood.geographKoordsPost}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</body>
</html>
А если вот так, то работает:
addEventListener("click", ({target}) => {
});
Но реагирует на все таблицы, а мне нужно только на одну конкретную.
('click', e => {} ....... var tr e.target.closest()..
?e.target.closest
, а неe.closest