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:

 
Element 1         


        

Answer 1

Previous answer works fine. 2 additions:
When your list contains listitems of for example:

  
Element 1
  

  
Element 2
  
Element 3

then you have to use var index = $(this).parent().parent().children().index(this);

Also like in above example the list contains other elements like

---

than you can use a filter in var index = $(this).parent().parent().children("li").index(this); to give you index 2 for "element 3" instead of index 4.