JQuery - Get the numeric position / index spicific <li> in an unordered list

Question

I have a simple unordered list and would like to find the numerical index / position of a specific item.

eg:

<ul id="mylist">
    <li id="id_a">Content</li>
    <li id="id_b">Content</li>
    <li id="id_c">Content</li>
    <li id="id_d">Content</li>
    <li id="id_e">Content</li>
</ul>

Pseudocode:

$('ul#mylist').getNumericIndexOf('id_c'); // 2
$('ul#mylist').getNumericIndexOf('id_a'); // 0
$('ul#mylist').getNumericIndexOf('id_e'); // 4

Any entry is welcome!

Answer 1

Use index():

Demo

$("#id_c").index();

Answer 2

Try the following:

<script>
            $(document).ready(function()
            {
                    console.log($("#id_b").index("li"));
            });
</script>

Answer 3

Found your answer here .

DEMO: http://jsfiddle.net/LcBAQ/