在父级中找到元素第n个位置

Question

如果我有这个:

<ul>
    <li><a href="#"></a>a</li>
    <li><a href="#"></a>b</li>
    <li><a href="#"></a>c</li>
    <li><a href="#"></a>d</li>
    <li><a href="#"></a>e</li>
</ul>

然后让我说我点击第三个li项目(内容为'c').我怎样才能获得这个项目在'ul'父母中排名第三的信息？

Answer 1

$('li').click(
    function () {
        alert($(this).index());
    });

在这里演示:http://jsfiddle.net/KyTP5/

请注意,这为您提供了从零开始的索引.