如何从jsp到JS文件的循环中获取选定的td数据？[副本]

Question

我有以下jsp代码。

...
<c:forEach var="empData" items="${employees}">
<tr> 
    <td><a href="#" id="nameId">${empData.name}</a></td>
    <td>${empData.age}</td>
</tr> 
</c:forEach>
...

我有一个单独的JS文件，其中包含以下代码段

$('#nameId').on('click', function(e) {
   //Here I want to get dat for both name and age
})

那么，在js文件中，如何同时获得姓名和年龄呢？

编辑：我已经编辑了代码。注意：我使用的是JSP和JavaScript

Answer 1

您不需要很大的jquery开销来实现您想要的结果。

只需这样做：

document.getElementById('nameId').addEventListener('click', (e) => { 
   alert(e.target.text);
});

如果您想远离jquery http://youmightnotneedjQuery.com/

Answer 2

以下是我的解决方案：

null

$('#nameId').on('click', function(e) {
   //Here I want to get the empData.name
   alert(e.target.text);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" id="nameId">DEF</a>