jQuery `index()` equivalent in Vanilla JS

jQuery `index()` equivalent in Vanilla JS

本文关键字：in Vanilla JS equivalent index jQuery      更新时间：2023-09-26

我有以下代码片段（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，所以我想知道哪个列表项在不使用 jQuery 的情况下具有类currentUser

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

如何实现这一点？

这是等效的：

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