Find the position of an element within a list

Question

I'm looking to find the position (i.e. the order) of a clicked element within a list using jQuery.

I have:

<ul>
 <li>Element 1</li>
 <li>Element 2</li>
 <li>Element 3</li>
 ...
</ul>

On click of an <li>, I want to store it's position within a variable. For example, if I clicked on Element 3, then "3" would be stored in a variable.

How could this be achieved?

Thanks much for your help!

Answer 1

Use index():

$("li").click(function() {
  var index = $(this).parent().children().index(this);
  alert("You clicked item " + index);
});

Indexes start at 0.