javascript - 原生 javascript 中的 jQuery index()

Question

根据 jQuery api，.get() 的补充操作接受索引并返回 DOM 节点，.index() 可以获取 DOM 节点并返回索引。假设我们页面上有一个简单的无序列表:

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>

.index() 将返回匹配元素集中第一个元素相对于其兄弟元素的位置:

alert('Index: ' + $('#bar').index();

我们返回列表项从零开始的位置:

Index: 1

我只是想知道，我们如何使用JavaScript做同样的事情？

Answer 1

您可以构建自己的函数:

function indexInParent(node) {
    var children = node.parentNode.childNodes;
    var num = 0;
    for (var i=0; i<children.length; i++) {
         if (children[i]==node) return num;
         if (children[i].nodeType==1) num++;
    }
    return -1;
}

Demonstration (open the console)