在父级中找到元素第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/

请注意，这会为您提供从零开始的索引。