jQuery中直接获取标签的下标

最新推荐文章于 2024-09-05 11:16:50 发布

SmileShrimp

最新推荐文章于 2024-09-05 11:16:50 发布

阅读量5.5k

点赞数 2

文章标签： jQuery html

本文链接：https://blog.csdn.net/qq_37687883/article/details/81208655

版权

今天在使用jQuery做图片轮播的时候，遇到一个问题，就是为轮播图片对应的小圆图标，绑定对应的onclick事件时，用了如下代码：

 function getImg(m) {
            index=m;
            autoRun();//轮播图片的方法；
        }
    <span class onclick="getImg(0)"></span>
    <span class onclick="getImg(1)"></span>
    <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)就可以直接获取到下标了；