1. 程式人生 > >$(this).index()與$(obj).index(this)的區別

$(this).index()與$(obj).index(this)的區別

<div>
     <b>this is b</b>        
</div>
<div>
      <p>this is span</p>
      <p>this is span</p>
      <b>this is b</b>
      <b>this is b</b>
</div>
    //  $(this).index() 測試程式碼一
    $("b").on("click",function(){
        var index = $(this).index();
        console.log(index); // 依次點選b元素輸出:2,3
    })
    // $(obj).index(this) 測試程式碼二
    $("b").on("click",function(){
        var index = $("b").index(this);
        console.log(index); // 依次點選b元素輸出:0,1,2
    })

測試程式碼一中,$(this).index()獲取當前標籤在同級標籤中的索引,不區分標籤。

測試程式碼二中,$("b").index(this)獲取所有同類標籤中當前標籤的索引。