<ul>
<li>苹果</li>
<li>香蕉</li>
<li>李子</li>
<li>火龙果</li>
<li>榴莲</li>
</ul>
<script>
var lis = document.querySelector("ul").querySelectorAll("li");
// 利用闭包的方式得到每个当前li的索引号
for(var i=0; i<lis.length; i++){
// 利用for循环创建了5次立即执行函数
(function(i){
lis[i].onclick = function(){
console.log(i);
}
})(i)
}
</script>
JS:闭包的案例:利用闭包的方式得到每个当前li的索引号
最新推荐文章于 2021-11-19 21:01:08 发布
这篇博客探讨了JavaScript中的闭包概念,通过一个实例展示了如何在循环中为列表项设置点击事件监听器,以便在点击时输出对应的索引。代码示例中,利用了立即执行函数来保留每个`li`元素的索引,确保在事件处理函数中能正确获取到正确的索引值。
摘要由CSDN通过智能技术生成