按类获取div的数字顺序

Question

我有这段代码：

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<input type="button" class="button" value="get number">
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

http://jsfiddle.net/wudaG，点击button时我需要提醒我div的数字顺序，这是代码4的意思。

Answer 1

使用index()：

$('.button').on('click', function (){
    $(this).index() + 1; // add one since index is zero-based
});

演示：http://jsfiddle.net/wudaG/1/

Answer 2

$('.button').click(function () {
    $(this).index()++;
});