jQuery index（） - 多级<ul> </ul>

Question

我想知道是否有可能在多级<li>中获得单个<ul>的索引......

假设我有以下无序列表：

<ul>
    <li>1</li>
    <li>
        2
        <ul>
            <li>2.1</li>
            <li>2.2</li>
        </ul>
    </li>
    <li>3</li>
    <li id="position">4</li>
</ul>

当我使用$('#position').index();它返回3（从零开始，第4个元素），但我希望它返回5;因为它是<li>中的第6个<ul>。

关于如何做到这一点的任何想法？

提前致谢！

Answer 1

通过将索引的上下文设置为ul：

中的所有li

$('#position').index('ul li');

FIDDLE

甚至相反：

$('ul li').index($('#position'));

或仅限于此UL：

$('#position').closest('ul').find('li').index($('#position'));