jQuery:获取div实例编号

Question

我正在寻找div的实例编号,例如我有4个div实例.test,并且.length只使用生成4.但是我想在每个div中放置实例编号,例如div的第3个实例中.test有一个3,依此类推.

jsFiddle演示:http ://jsfiddle.net/neal_fletcher/YrtjF/

HTML:

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

jQuery的:

$(document).ready(function () {

    var n = $(".test").length;

    $('.test').html(n);

});

如果这是可能的？任何建议将不胜感激!

Answer 1

使用以函数作为参数的html()版本

$('.test').html(function (i) {
    return i + 1
});

演示:小提琴