javascript - jQuery:获取 div 实例编号

Question

我正在寻找一个 div 的实例编号，例如我有 4 个 .test div 实例，使用 .length 只会生成 4。但我想将实例编号放在每个 div 中，例如 .test div 的第 3 个实例中会有一个 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
});

演示:Fiddle