Js和jQuery获取dom点击click事件下标index

<!-- DOM List -->
<div class="dot">
        <span class=""></span>
        <span class=""></span>
        <span class=""></span>
        <span class=""></span>
        <span class="cur"></span>
</div>

 

效果图：

 

// 纯js获取点击下标
var dotObj = document.querySelectorAll('.gallery-area .slide .dot span');

for (var i = 0; i < imgSize; i++) {
      dotObj[i].onclick = function(e) {
        var index = Array.prototype.indexOf.call(dotObj, this);
        console.log(index);
      }
}

 

// jQuery 获取点击下标
var dotObj = $('.gallery-area .slide .dot span')

dotObj.click(function() {
    console.log($(this).index());
});

 

更多实例应用扫码体验：