$(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

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

Answer 2

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

Answer 3

this就是当前标签本身

onclick="goPlan(this)" //当前标签当作参数 传递给goplan ,之后才能在goplan中使用