最近做项目中要获取到<c:forEach>标签遍历出的元素的id,之前都是通过在遍历出的元素中添加onclick()函数,再通过原生的js来触发该函数实现。这次分享以下jQuery的实现。
HTML代码:
<table>
<tbody>
<c:forEach items="${map.list }" var="list">
<tr class="icList" id="${list.icId }">
<th>${list.icName }</th>
</tr>
</c:forEach>
</tbody>
</table>
jQuery代码:
$(".icList").each(function(){
$(this).click(function(){
alert($(this).attr('id'));
});
});运行结果:
点击对应的行标签,弹出提示框显示对应元素的id。
本文介绍了一种使用jQuery的方法,可以在<c:forEach>标签遍历元素时轻松获取每个元素的ID。通过示例展示了如何为遍历生成的表格行添加点击事件,并在点击时弹出当前行的ID。
1928





