$(this)指向问题？

Question

   <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>标签的原因？

Answer 1

$(this) points to the problem? -PHP Chinese website Q&A-$(this) points to the question? -PHP Chinese website Q&A

Let’s take a look and learn.

Answer 2

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

Answer 3

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