Question

Suppose that I’ve a given html code:

<ul class="fmenu123">
    <li>city</li>
    <li>service</li>
    <li>hour</li>
</ul>

There are in jquery function children and selector nth-child. But how could I find a serial number of “mouseovered” child of this ul element – ie number n such that nth child of ul is exactly this chosen element? Which is the simplest method in jquery to find this?
Thanks in advance.

Answer 1

.index()

$(".fmenu123 li").on("mouseover", function() {
    var index = $(this).index() + 1;
    console.log("hovered element: " + index);
});

fiddle