JavaScript獲取數組索引:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>let相關例子</title> </head> <body> <button class="btn">按鈕1</button> <button class="btn">按鈕2</button> <button class="btn">按鈕3</button> <button class="btn">按鈕4</button> </body> <script src="js/jquery-2.1.0.js"></script> <script type="text/javascript"> // 獲取元素 var btns=$(".btn"); // 方法一:each遍歷數組每一個索引(推薦使用) $.each(btns,function(i){ btns.eq(i).click(function(){ console.log("采用each獲取節點索引:"+i); }); }) // 方法二:for循環采用閉包獲取每個節點的索引 for(var i=0;i<btns.length;i++) { (function(i){ btns.eq(i).click(function () { console.log("采用閉包獲取節點索引:"+i); }) })(i); } // 方法三:es6遍歷索引 for (let i = 0; i < btns.length; i++) { btns.eq(i).click(function(){ console.log("采用es6獲取節點索引:"+i) }); } // 方法四:原生js獲取 var btn=document.querySelectorAll(".btn"); for (var i = 0; i < btn.length; i++) { // 給每個btn索引值 btn[i].index=i; btn[i].onclick=function(){ console.log("js遍歷節點索引"+this.index) } } </script> </html>