如何确定其父节点中元素的索引？

Question

以下是示例代码：

<div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
     ....

</div>

我只需要找到父div中内部div的索引，传递给 this 。

P.S。我检查了另一个相同的问题： Is it possible to get element's numerical index in its parent node without looping?

然而，建议的方法对我不起作用.. Is it possible to get element's numerical index in its parent node without looping?

Answer 1

这是一个使用普通JS（没有jQuery）的工作示例：http://jsfiddle.net/jfriend00/xgk4y/。单击任何div以查看从countPrevSiblings()返回的索引。

代码来自：

function countPrevSiblings(elem) {
    var i = 0;
    while((elem = elem.previousSibling) != null) {
        // count element nodes only
        if (elem.nodeType == 1) {
            ++i;
        }
    }
    return i;
}

Answer 2

您可以使用index() jquery函数获取索引，如果这不适合您，请再解释一下问题。

示例：$(this).index($(this).siblings());