下面这个ul，如何点击每一列的时候alert其index

小码哥・Martin

于 2022-09-03 00:31:50 发布

阅读量375

点赞数 1

分类专栏： JavaScript WEB 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/php_martin/article/details/125802095

版权

JavaScript 同时被 2 个专栏收录

108 篇文章 1 订阅

订阅专栏

WEB

63 篇文章 0 订阅

订阅专栏

下面这个ul，如何点击每一列的时候alert其index

考察闭包

<ul id="test">
     <li>这是第一条</li>
     <li>这是第二条</li>
     <li>这是第三条</li>
 </ul>

  // 方法一：
  var lis=document.getElementById('test').getElementsByTagName('li');
  for(var i=0;i<3;i++)
  {
      lis[i].index=i;
      lis[i].onclick=function(){
          alert(this.index);
  }

 //方法二：
 var lis=document.getElementById('test').getElementsByTagName('li');
 for(var i=0;i<3;i++)
 {
     lis[i].index=i;
     lis[i].onclick=(function(a){
         return function() {
             alert(a);
         }
     })(i);
 }