在多行列表中id同名的<a>标签点击事件处理方法
Struts2标签
问题描述:最近项目中在使用struts迭代标签动态生成列表的过程中,由于每一行li元素中包含<a>超链接,如下图
一开始超链接是这样的<a href=“#” id=”checkDetail”>,这里由于循环多行,如果使用ID选择器写点击事件,那么只有第一行的超链接点击事件会被触发,其他的都没有效果,原因是每一行的超链接id都重复了,jquery只能识别第一行的。所以这里要对id进行一些处理。代码如下:
这里主要是利用EL表达式在每个id后面拼接一个index下标,其中st是struts标签里面的status属性
再来看看这时的jquery点击事件就不能直接使用id选择器了,要用模糊匹配的选择器方式
表示id以checkDetail_开头的标签都会触发该事件。
接下来看看页面具体生成的id,如下图:
由此可见Index下标是从0开始。
只要前进的方向正确,就算走得再慢,那也是在进步。