有一个 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);
- }
如此发现可以达到需求,具体原因分析尚不明确,如有知道的还请告知!
来源: