JavaScript點擊li顯示索引

標籤：doc   ++   pre   需求   lis   ext   點擊   引號   分析   

　　有一個ul，ul裡面有幾個li，如果需要點擊li列印出此li對應的索引號該怎麼做呢？

　　最開始的想法是：

<ul>    <li>春</li>    <li>夏</li>    <li>秋</li>    <li>冬</li></ul><script type="text/javascript">var lis=document.getElementsByTagName("li");for (var i = 0; i < lis.length; i++) {lis[i].onclick=function(){console.log(i);}};</script>

　　 結果發現點擊春、夏、秋、冬列印出來的都是4。

　　修改代碼如下：

for(var i=0;i<li.length;i++){    (function(x){        li[x].onclick=function(){console.log(x);}    })(i);}    

 　　如此發現可以達到需求，具體原因分析尚不明確，如有知道的還請告知！

JavaScript點擊li顯示索引