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

解决方案

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

这篇关于javascript - $(this)指向问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！