原生js点击获取当前索引的方法

最新推荐文章于 2020-08-10 14:40:33 发布

__仰望

最新推荐文章于 2020-08-10 14:40:33 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_42164539/article/details/103142325

版权

前端专栏收录该内容

71 篇文章 2 订阅

订阅专栏

在这里插入图片描述

var getButton = document.querySelectorAll('.details-page');
      for (var i = 0; i < getButton.length; i++) {
                    (function (index) {
                        getButton[index].onclick = function (e) {
                            console.log(index)                          
                        }
                    })(i);

                }

<button>A</button>
<button>B</button>
<button>C</button>
<button>D</button>
<button>E</button>

var btns = document.querySelectorAll('button');
for(var i = 0;i < btns.length;i ++){
    btns[i].onclick = function(){
        var index = searchIndex(this);
        console.log(index);
    }

function searchIndex(navitem){
    for(var i=0;i<btns.length;i++){
        var index = -1;
        if(btns[i] == navitem){
            index = i;
            break;
        }
    }
    return index;
}

}