我有以下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
以下是我的解决方案:
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>
您不需要很大的jquery开销来实现您想要的结果。
只需这样做:
document.getElementById('nameId').addEventListener('click', (e) => {
alert(e.target.text);
});
如果您想远离jquery http://youmightnotneedjQuery.com/