将类添加到一组 <ul> 中的最后一个 <li>答案

【问题标题】：Add class to the last <li> in a group of <ul>将类添加到一组 <ul> 中的最后一个 <li>
【发布时间】：2012-02-08 07:07:56
【问题描述】：

我动态创建了一组<ul>，我需要在每个<li> 的最后一个添加一个类。

我有：

$('ul li:last').each(function(){
    $(this).addClass("last");
});

但这只会在最后一个<ul> 中添加一个class="last"，而不是在所有<ul> 中。

我希望每个 <ul> 中的最后一个 <li> 被添加到课程中，而不仅仅是最后一个 <ul>。

【问题讨论】：

仅供参考，html 标签在 StackOverflow 上按字面意思呈现。如果您想在代码中包含 html sn-ps，请在它们周围加上反引号（通常这就是您在文本中包含代码 sn-ps 的方式，而不是缩进的代码块）。我编辑了您的答案以修复格式。请看看我做了什么，以便您以后可以为您的问题这样做。

【解决方案1】：

:last，一个专有的 jQuery 选择器，从集合中弹出最后一个元素并返回它。

:last-child，CSS 选择器，选择每个祖先元素的最后一个子元素。

$('ul li:last-child').addClass('last');

附带说明，您不需要在此处使用each()。 addClass() 将遍历 jQuery 集中的每个项目。

【讨论】：