jquery last() 用于多个元素

Question

我有一个这样的标记

    <ul class = "main_nav">
    <li>
        <ul class = "sub_menu">
            <li>hello</li>
            <li>world</li>
            <li>English</li>
        </ul>
    </li>
    <li>
        <ul class = "sub_menu">
            <li>hello</li>
            <li>world</li>
            <li>English</li>
        </ul>
    </li>
    <li>
        <ul class = "sub_menu">
            <li>hello</li>
            <li>world</li>
            <li>English</li>
        </ul>
    </li>
</ul>

现在我已经给 sub_menu 内的每个 li 提供了 border Bottom，但它即将到来，我不想看到最后一个的边框底部，所以我使用了jquery 脚本如下:

$('.sub_menu > li').last().css('border', '0');

但只对最后一个有效。
如何删除每个部分的最后一个 li 的 border-bottom

Answer 1

$('.sub_menu > li:last-child').css('border', '0');

:last-child 伪元素选择每个父子组中的最后一个元素，而不是所有匹配元素中的最后一个。