jquery - 选择一系列类中的最后一个 <a>

Question

我有一个无序列表嵌套在无序列表中，如下所示:

<ul id="menu">
    <li><a href="#">Event Overview</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>
    <li><a href="#">About</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Blog</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

    <li><a href="#">Contact</a>
        <ul class="sub-menu">
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
            <li><a href="#">Some Text Here</a></li>
        </ul>
    </li>

</ul>

我需要选择最后一个<a> <ul class="sub-menu">里面

我假设选择器是 $(".sub-menu a:last")但这只选择绝对最后一个a。我需要它来选择每个无序列表中的最后一个 a 以及一类子菜单。

谢谢!

Answer 1

使用这个:

$('.sub-menu li:last-child a')

Select the a
contained in the last li child of
each .sub-menu element.

您不想选择 a:last-child，因为每个 a 都是其 li 元素的最后一个也是唯一的子元素。

您也不想选择 a:last 或 li:last 除非您 iterate through it as John Hartsock says ，因为:last选择整个 jQuery DOM 元素集中的最后一个元素。