通过使用JQuery来检测父级的子级数组中的索引的更好方法？

Question

例如，如何检测其父ul中的lilem索引？

Answer 1

<ul>
    <li>this</li>
    <li>is</li>
    <li>ul</li>
</ul>

<ul>
    <li>this</li>
    <li>is</li>
    <li>another</li>
    <li>ul</li>
</ul>

如果您有类似上面的内容，则可以将jQuery做为：

$(function(){
  $('li').click(function(){ alert('the index is '+$(this).index()) })

})

这将根据其父ul提醒li元素的索引

更多关于index（）的信息 。

Answer 2

在非IE浏览器中，元素之间的空白被视为文本节点（IE中不是这种情况），这会影响后续元素的索引。 为了在所有浏览器中获得相同的结果，默认情况下，下面的函数会过滤出空格节点，并具有一个可选参数以在需要时包括它们：

function indexOfNode(node, includeWhitespace) {
    var index = 0, n = node;
    while ( (n = n.previousSibling) ) {
        if (includeWhitespace || n.nodeType != 3 || !/^\s*$/.test(n.data)) {
            ++index;
        }
    }
    return index;
}