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

时间:2015-01-30 05:07:10

标签: javascript jquery dom

我有以下代码段(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 <{1}}

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

如何实现这一目标?

1 个答案:

答案 0 :(得分:12)

这是等效的:

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