码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript点击li显示索引

时间:2017-02-10 11:51:32      阅读:157      评论:0      收藏:0      [点我收藏+]

标签: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显示索引

标签:doc   ++   pre   需求   lis   ext   点击   引号   分析   

原文地址:http://www.cnblogs.com/iagw/p/6385489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!