jQuery Vanilla JS 中的 `index()` 等价物

Question

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

<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，因此我想知道哪个列表项具有 class 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

jQuery Vanilla JS 中的 `index()` 等价物

jQuery `index()` equivalent in Vanilla JS

javascript

jquery

dom