qqpopo941 2016-04-04 08:38 采纳率: 100%
浏览 1413
已采纳

前端 javascript 打印日志都是4，怎么解决？什么问题，关键字

 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
            font-size:0;
        }
        .container{

        }
        .container .tab li{
            display: inline-block;
            width: 40px;
            height: 20px;
            color:red;
            /*background-color: Grey;*/
            border: 1px solid orangered;
            border-right-width: 0;
        }
        .container .tab li:last-child{
            border: 1px solid orangered;
        }
        .select{
            background-color: Grey;
        }
        .container .tab li a{
            text-decoration: none;

            font-size:14px;
        }
        .container .content li{
            /*display: block;*/
            width: 400px;
            height: 300px;
            border: 1px solid gray;
            font-size:14px;
        }
        .mod{
            display: none;
        }
        .live{
            display: block;
        }
    </style>
</head>
<body>
<div class="container">
    <ul class="tab">
        <li class="select"><a href="">item1</a></li>
        <li><a href="">item2</a></li>
        <li><a href="">item3</a></li>
        <li><a href="">item4</a></li>
    </ul>
    <ul class="content">
        <li class="mod live">item1 content</li>
        <li class="mod">item2 content</li>
        <li class="mod">item3 content</li>
        <li class="mod">item4 content</li>
    </ul>
</div>
<script>
    window.onload = function(){
        var tab = document.getElementsByClassName('tab');
        var tab_li = tab[0].getElementsByTagName('li');
        var content = document.getElementsByClassName('content');
        var content_li = content[0].getElementsByTagName('li');
        for(var i=0;i<tab_li.length;i++){
            tab_li[i].onclick = function() {
                   return test_alert(this, i);
            };
        }

        function test_alert(obj,len){
            console.log(len);
            return false;
        }
    };
</script>
</body>
</html>
  • 写回答

1条回答

  • Go 旅城通票 2016-04-04 12:00
    关注

    闭包没做好，专业那个i引用到的是for中i的最后一次for后的值

             for(var i=0;i<tab_li.length;i++){
            tab_li[i].onclick = (function(i) {
                   return function(){return test_alert(this, i);}
            })(i);
        }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题