如何確定元素在其父節點中的索引？

Question

這是示例代碼：

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

</div>

我只需要在父div中找到內部div的索引，並傳遞給this即可 。

ps我檢查了另一個相同的問題： 是否可以在不循環的情況下在其父節點中獲取元素的數字索引？

但是建議的方法對我不起作用。 是否可以在不循環的情況下在其父節點中獲取元素的數字索引？

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());