javascript - jQuery index() - 多级

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

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

提前致谢！

Answer 1

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

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

小提琴

甚至反过来：

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

或仅针对此 UL：

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