<!-- 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()); });