jQuery `index()` odpowiednik w Vanilla JS

Question

Mam poniższy fragment kodu (currentUser klasa jest na innej pozycji listy w zależności od tego, kto przegląda stronę).

<ul> 
    <li>user 1</li> 
    <li>user 2</li> 
    <li class="currentUser">user 3</li> 
    <li>user 4</li> 
</ul> 

var curLth = jQuery('.currentUser').index(); 
console.log(curLth); //outputs 2 

Witryna pracuję nad jQuery nie ładuje, więc chcę wiedzieć, który element listy ma klasę currentUser bez użycia jQuery

Mam obejrzał NodeList w narzędziach dev ale nie mają widziałem wszystko, czego mogę użyć, aby to uzyskać.

Jak można to osiągnąć?

Answer 1

Oto equivalant:

var curUser = document.getElementsByClassName("currentUser")[0]; 
var curLth = [].slice.call(curUser.parentNode.children).indexOf(curUser); 
console.log(curLth); //outputs 2