jquery - 如何使用 jquery 查找 li.last 并添加 css

Question

我有一个使用后面的代码以编程方式生成的无序列表，html 标记如下:

<ul>
<li></li>
<li>
     <ul>
        <li></li>
        <li></li>
        <li></li>
        <li>last</li>
    </ul>
</li>
<li></li>
<li>
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li>last</li>
    </ul>
</li>
</ul>

问题是ul li ul li a 的样式为 border-bottom: Solid 1px White; 并且我想设置 border-bottom: none对于last sub li，是否可以使用jquery找到最后一个li然后修改类，或者有没有更好的方法来实现这样的目标谢谢

Answer 1

$('ul li ul li:last-child a').css('border-bottom', 'none');

选择最后一个li并更改其CSS border-bottom值，这使用:last-child selector , working example

在 CSS3您可以执行以下操作:

ul > li > ul > li:last-child a {
    border-bottom: none;
}

Working example using CSS3