get index of an element

[Buppy]

Hi,

I have a HTML structure like this:

<div>
    <div id="a"></div>
    <div id="b"></div>
    <div id="c"></div>
</div>

I know the ID of an element (let's say it's #b), and i need to know which index it has in the parent div. In this case that would be 2. How do i get that number using javascript/jQuery?

[azareth]

how about this:

    <div>
        <div id="a" onclick="getIndex(this);"></div>
        <div id="b" onclick="getIndex(this);"></div>
        <div id="c" onclick="getIndex(this);"></div>
    </div>

    function getIndex(elem) {
    var $t = $(elem);
    alert($t.parent().index());
}

[pritaeas]

Note that index() is zero-based, so you may want to add 1

[Example]

var b = document.getElementById('b');
http://www.w3schools.com/jsref/met_doc_getelementbyid.asp

[pritaeas]

That returns the element with id 'b', not it's index in the list.