Jquery中的索引！~

Question

    <div style="border:dashed 1px gray;padding:10px">
       <div class="divp"><p>a</p></div>
       <div class="divs">        
        <p><a href="#">aaa</a></p>
        <p><a href="#">aaa</a></p>
        <p><a href="#">aaa</a></p>
        <p><a href="#">aaa</a></p>
       </div>
       <div class="divp"><p>b</p></div>
       <div class="divs">
        <p><a href="#">bbb</a></p>
        <p><a href="#">bbb</a></p>
        <p><a href="#">bbb</a></p>
        <p><a href="#">bbb</a></p>
       </div>
       <div class="divp"><p>c</p></div>
       <div class="divs">
        <p><a href="#">ccc</a></p>
        <p><a href="#">ccc</a></p>
        <p><a href="#">ccc</a></p>
        <p><a href="#">ccc</a></p>
       </div>
    </div>
    <script type="text/javascript">
        $("div.divp").click(function(){
            var index=$(this).index();
        });
    </script>
断点调试，当点第一个class="divp"的div时index=0；点第二个div时index=2；为什么？

Answer 1

 $("#div.divp").click(function(){
            var index=$(this).index();
        });

Answer 2

换成这样就不会了。。
  $(function(){
       $("div .divp").click(function(){
            var index=$(this).index('.divp');
            alert(index);
        });
     });

Answer 3

应该是取的DIV的dom顺序。。搞不太清

Answer 4

 $(".divp").each(function (k, i) {
            $(this).click(function () {
                alert(k);
            });
        });