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/

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