在多行列表中id同名的<a>标签点击事件处理方法

Struts2标签

问题描述:最近项目中在使用struts迭代标签动态生成列表的过程中,由于每一行li元素中包含<a>超链接,如下图image

一开始超链接是这样的<a href=“#” id=”checkDetail”>,这里由于循环多行,如果使用ID选择器写点击事件,那么只有第一行的超链接点击事件会被触发,其他的都没有效果,原因是每一行的超链接id都重复了,jquery只能识别第一行的。所以这里要对id进行一些处理。代码如下:image

 

这里主要是利用EL表达式在每个id后面拼接一个index下标,其中st是struts标签里面的status属性image

再来看看这时的jquery点击事件就不能直接使用id选择器了,要用模糊匹配的选择器方式image

表示id以checkDetail_开头的标签都会触发该事件。

接下来看看页面具体生成的id,如下图:

image

 

 

由此可见Index下标是从0开始。

posted @ 2016-03-30 22:02  杀士比亚  阅读(1099)  评论(0编辑  收藏  举报