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

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