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