最近做项目中要获取到<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。