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

Question

下面是示例代碼：

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

</div> 

我只需要找到父DIV的內部div的指數，通過充當這。

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