javascript 闭包获取当前元素的索引

最新推荐文章于 2024-03-27 20:31:12 发布

原创最新推荐文章于 2024-03-27 20:31:12 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 同时被 2 个专栏收录

23 篇文章

订阅专栏

jquery

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript闭包技术为多个HTML按钮分配唯一索引的方法。通过闭包，即使在循环中也能正确捕获每个按钮对应的索引值，这对于实现如选项卡切换等功能非常关键。

html部分

<button>button1</button>
<button>button2</button>
<button>button3</button>
<button>button4</button>

javascript 部分

var btns = document.querySelectorAll('button');
var len = btns.length;

for (i = 0; i < len; i++) {
    btns[i].onclick = function (index) {
        // 闭包可以将变量驻留在内存中
        return function () {
            console.log(index);
        }
    }(i);
}