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

Can also be done with plain JavaScript:

let = _this = this,
      indx = Array.prototype.slice.call(_this.parentElement.childNodes).indexOf(_this);

Or, if you trying to style your ordered html list with other than CSS like

---

, as @Jan mentioned, use querySelectorAll('li') instead of childNodes.