我的代码里$(".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>