javascript - jQuery: get div instance number - Stack Overflow

admin管理员组

文章数量:1431522

I'm looking to get the instance number of a div, e.g. I have 4 instances of the .test div, and using .length just generates 4. But I want to put the instance number in each div, for example the 3rd instance of the .test div would have a 3 in it and so on.

jsFiddle demo: /

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);

});

If this is at all possible? Any suggestions would be greatly appreciated!

I'm looking to get the instance number of a div, e.g. I have 4 instances of the .test div, and using .length just generates 4. But I want to put the instance number in each div, for example the 3rd instance of the .test div would have a 3 in it and so on.

jsFiddle demo: http://jsfiddle/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);

});

If this is at all possible? Any suggestions would be greatly appreciated!

• javascript
• jquery
• html
• css

Share Improve this question Follow asked Jan 9, 2014 at 17:04 user1374796user1374796 1,5821313 gold badges4646 silver badges7676 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 12

Use the version of html() that takes a function as the parameter

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

Demo: Fiddle

$(document).ready(function () {

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

});

You can use this

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

DEMO

you can use each method here

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

本文标签： javascriptjQuery get div instance numberStack Overflow