js——for循环点击事件获取所点击元素的index

版权声明：转发博客 请注明出处 否则必究 https://blog.csdn.net/lucky541788/article/details/82530428

body

<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>

法一：

var btns=document.querySelectorAll('button');
    for(var i=0;i<btns.length;i++){
        btns[i].index=i;
        btns[i].onclick=function(){
            alert('点击了第'+(this.index+1)+'个按钮')
        }
    }

法二：

var btns=document.querySelectorAll('button');
    for(var i=0;i<btns.length;i++){
        (function(i){
            btns[i].onclick=function(){
                alert('点击了第'+(i+1)+'个按钮')
            };
        })(i);
    }