jQuery index() - 多级 <ul>

Question

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

假设我有以下无序列表：

<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；因为它是<ul> 中的第6 个<li>。

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

提前致谢！

Answer 1

通过将索引的上下文设置为 ul 中的所有 li ：

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

FIDDLE

甚至反过来：

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

或仅针对此 UL：

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