jQuery index()在vanilla javascript中

前端之家收集整理的这篇文章主要介绍了jQuery index()在vanilla javascript中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据jQuery api,接受索引并返回DOM节点.index()的.get()的补充操作可以使用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做同样的事情?

解决方法

你可以建立自己的功能
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)

原文链接:https://www.f2er.com/jquery/182163.html

猜你在找的jQuery相关文章