jQuery index() - 多级<ul> </ul>

时间:2013-11-07 16:07:01

标签: javascript jquery html indexing

我想知道是否有可能在多级<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>

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

提前致谢!

1 个答案:

答案 0 :(得分:4)

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

中的所有li
$('#position').index('ul li');

FIDDLE

甚至相反:

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

或仅限于此UL:

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