jQuery中直接获取标签的下标
今天在使⽤jQuery做图⽚轮播的时候,遇到⼀个问题,就是为轮播图⽚对应的⼩圆图标,绑定对应的onclick事件时,⽤了如下代码:
function getImg(m) {
index=m;
autoRun();//轮播图⽚的⽅法;
}
<span class onclick="getImg(0)"></span>
<span class onclick="getImg(1)"></span>
jquery在线图片<span class onclick="getImg(2)"></span>
这样就需要为每个标签添加onclick⽅法,这样标签多了,就太⿇烦了,于是到了⼀种便捷的⽅法:
//点击⼀个div时,index(this)获取此div的下标,赋值给cindex,
//再给index,再运⾏轮播图⽚,就实现了点击⼩圆图标,图⽚也跟着跳转的功能
$("#but div").click(function () {
var cindex=$("#but div").index(this);//index(this)是获取下标的关键语句
index=cindex;//index代表的是显⽰的第⼏张图⽚
autoRun();//轮播图⽚的⽅法
});
通过index(this)就可以直接获取到下标了;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论