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

【问题标题】：jQuery `index()` equivalent in Vanilla JSVanilla JS 中的 jQuery `index()` 等价物
【发布时间】：2015-01-30 05:07:09
【问题描述】：

我有以下代码 sn-p（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，但没有看到任何我可以用来获取它的东西。

如何做到这一点？

【问题讨论】：

jQuery .index() in javascript 的可能重复项
@artm 感谢您提供该链接。我环顾四周，但显然使用的是最佳搜索词

标签： javascript jquery dom

【解决方案1】：

这是等价的：

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

【讨论】：

现在我们可以使用Array.from(curUser.parentNode.children).indexOf(curUser);