獲取jQuery的元素的索引號點擊

Question

如果我寫了一個簡單的選擇像

$('.button') 

當它被點擊，我可以計算出該按鈕的「索引」？即第一次出現.button，第二次，第三次？

我知道我可以選擇與$('.button')[2]第三個按鈕，但我不知道如何獲得這2值。

按鈕遍佈整個頁面，而不是全部在同一個div內。

Answer 1

可以調用index()方法來做到這一點：

$('.button').click(function() { 
    var index = $(this).index(); 
    console.log(index); 
}); 

上述會給你在同級間的元素的索引。如果你想獲得一組中的元素的索引，例如，如果.button元素頁面各處蔓延，沒有兄弟姐妹，那麼你可以到index()提供一個選擇器中的電流匹配元素：

$('.button').click(function() { 
 
    var index = $(this).index('.button'); 
 
    console.log(index); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div> 
 
<div class="parent"><button class="button">click me!</button></div>