我的代码里$(".nt-why-box").index($(this))和$(this).index()给出的值为什么不一样，后面一个加了2？

Question

<div class="nt-why-box">1</div>
 <div class="nt-why-box">2</div>
 <div class="nt-why-box">3</div>
 <div class="nt-why-box">4</div>

        <script>
            $(function(){
                $(".nt-why-box").click(function(){
                    var aa=0;
                    $(this).addClass("nt-why-te").siblings().removeClass("nt-why-te");
                    console.log($(".nt-why-box").index($(this)))
                    aa=$(this).index()
                    console.log(aa);
                });
            })
        </script>