$(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，就相当于避免了这个问题