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

Struts2标签

问题描述:最近项目中在使用struts迭代标签动态生成列表的过程中,由于每一行li元素中包含<a>超链接,如下图在多行列表中id同名的<a>标签点击事件处理方法

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

这里主要是利用EL表达式在每个id后面拼接一个index下标,其中st是struts标签里面的status属性在多行列表中id同名的<a>标签点击事件处理方法

再来看看这时的jquery点击事件就不能直接使用id选择器了,要用模糊匹配的选择器方式在多行列表中id同名的<a>标签点击事件处理方法

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

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

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

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

上一篇:js中拼接HTML方式方法及注意事项


下一篇:Python 错误和异常