Find out the index of a given div in jQuery?

Question

Newbie jQuery question:

How do I find out what number a given div is in the DOM-tree?

$('div.dashboard-module').each( function() {
    var divNumber = $(this).[DON'T KNOW WHAT TO WRITE HERE];
});

alert('This div is number ' + divNumber );

Hope it makes sense! :)

Answer 1

If you want to know the index of the element you are currently iterating you can use the first argument of the callback function:

$('div.dashboard-module').each(function (index) {
    var divNumber = index;
});

More info:

• each (callback)

Answer 2

What are you looking for the number relative to?

If its the document, then you need

$('div.dashboard-module').each(function(){
    var divNumber = $(document).index($(this));
});

If its relative to the parent, then you need

$('div.dashboard-module').each(function(){
    var divNumber = $($(this).parent()).index($(this));
});

etc.

Comment if you've got any questions

Answer 3

var divNumber = $('div.dashboard-module');
alert("This div is number " + (divNumber.length-1) + ". " + $(divNumber[divNumber.length-1]).html() );