javascript - jQuery `index()` 在 Vanilla JS 中等效

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

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

如何实现？

Answer 1

这是等价的:

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