可以通过直接复制以下代码实现:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> <script src="../jquery-1.11.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var lis = document.querySelectorAll('li'); //方法一 /*for (var i = 0; i < lis.length; i++) { (function(num){ lis[num].onclick = function(){ alert(num); } })(i); }*/ //方法二 /*for (var i = 0; i < lis.length; i++) { //通过立即函数返回函数 lis[i].onclick =(function(num){ return function(){ alert(num); } })(i); }*/ //方法三 /*$(function(){ $('li').click(function(){ console.log("1111"); alert($(this).index()); }); })*/ //方法四 for (var i = 0; i < lis.length; i++) { lis[i].index = i; lis[i].onclick =function(){ alert(this.index); } } </script></html> |