JS闭包获取li的index值

  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6.     <style type="text/css">  
  7.         li{  
  8.             background-color: red;  
  9.         }  
  10.     </style>  
  11.     <script type="text/javascript">  
  12.         window.onload=function(){  
  13.               
  14.             var list =document.getElementsByTagName('li');  
  15.                 for(var i=0;i<list.length;i++){  
  16.                     list[i].onclick =   (function(n){  
  17.                         return function(){  
  18.                             alert(n);  
  19.                         }  
  20.                     })(i)  
  21.             }  
  22.         }  
  23.     }  
  24.     </script>  
  25. </head>  
  26. <body>  
  27.     <ul>  
  28.         <li>1</li>  
  29.         <li>2</li>  
  30.         <li>3</li>  
  31.         <li>4</li>  
  32.         <li>5</li>  
  33.     </ul>  
  34. </body>  
  35. </html>  
posted @ 2017-11-06 13:14  鱼塘底的鱼  阅读(783)  评论(0)  编辑  收藏  举报