在Vanilla JS中jQuery`index（）`等效

Question

我有以下代码片段（ currentUser类在不同的列表项上，具体取决于谁正在查看页面）。

<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

我正在处理的网站没有加载jQuery，所以我想知道哪个列表项有类currentUser而不使用jQuery

我已经在dev工具中检查了NodeList ，但是没有看到任何可以用来获取它的东西。

怎么能实现这一目标？

Answer 1

这是等价物：

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