按类获取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/