首页 >社区问答列表 >$(this)指向问题?

$(this)指向问题?

   <li id="details_four">
            <img src="img/zhank.png" onclick="goPlan()">
            <span id="span" style="display: none;" >123456</span>
        </li>
        <script type="text/javascript" src="js/jquery-3.1.0.min.js" ></script>
        <script>
            function goPlan(){
                alert($(this).siblings('span').html());
            }        </script>
     <li id="details_four">
            <img src="img/zhank.png" onclick="goPlan(this)">
            <span id="span" style="display: none;" >123456</span>
        </li>
        <script type="text/javascript" src="js/jquery-3.1.0.min.js" ></script>
        <script>
            function goPlan(e){
                alert($(e).siblings('span').html());
            }        </script>

第一个不能带到效果,第二个可以,所以想问问是不是这个<img>标签的原因?

  • 阿神
  • 阿神    2017-02-22 09:25:382楼

     第一个没有传this对象,此时的this默认的是全局的window对象,你可以在第一个goPlan中打印一下$(this),所以第一个goPlan打印的结果是undefined!


    +0添加回复

  • 回复
  • 迷茫
  • 迷茫    2017-02-22 09:25:021楼

    不是img的原因
    因为你第一次调用相当于window.goPlan(),此时的this指向的是window
    而第二次你传入了this,就相当于避免了这个问题

    +0添加回复

  • 回复