Question

我想要获取div的实例编号，例如我有.test div的4个实例，使用.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

Answer 2

$(document).ready(function () {

var n = 1;
$('.test').each(function() {
    $(this).html(n);
   n++; 
});

});

Answer 3

您可以使用此

$(document).ready(function () {    
    $(".test").html(function(i,v){
       return i+1;
    });    
});

DEMO

Answer 4

你可以在这里使用每种方法

$(document).ready(function () {
    $(".test").each(function(i){
    $(this).html(i +1);
    });
});

jQuery：获取div实例编号

4 个答案: