Question

Views

How can you get the child number of the selected element, e.g.

<ul>
    <li>First child</li>
    <li>Second</li>
    <li id="selected">Third child</li>
    <li>Fourth child</li>
</ul>

Using something like this:

$('#selected').childNumber();

That should return "3" for it's parent wrap, regarding the child number.

over 4 years ago · Santiago Trujillo

Answer question

Accepted Answer · 2022-05-24T14:28:07.510Z

You can use .index() for this.

var selectedIndex = $("#selected").index() + 1;

Since you have given an id for the li there is no need for the element selector with ul. You can directly use the id selector for the li element.