jQuery:选择列表中的最后 4 项

标签 jquery css list

<分区>

我有一个图片/文本链接列表,

<ul>
<li>link 1</li>
<li>link 2</li>
<li>link 3</li>
<li>link 4</li>

<li>link 5</li>
<li>link 6</li>
<li>link 7</li>
<li>link 8</li>
</ul>

然后我在我的 .css 文件中设置列表样式,

li {
  float:left;
  margin:0px 5px 5px 0px; 
}

但是我希望列表中的最后 4 个元素在其边距底部没有 5px 空间的情况下显示。所以我想使用 jQuery 来选择最后 4 个元素并将它们的 css 样式更改为 marginBottom:0px;

问题是 jQuery 选择最后一项的方式是这样的:

li:last

但是最后 4 个呢?或者可能是最后 5 或 6 个?

谢谢。

最佳答案

$('li').slice(-4).css('color', 'red')

Example

关于jQuery:选择列表中的最后 4 项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4617634/

相关文章:

jquery - 如何使用 jquery.css() 设置链接颜色

javascript - 使用 jQuery 定位单词并添加样式

css - 用 Bootstrap 填充剩余高度

html - 左双引号的 CSS 样式 Unicode

html - 如何将视频缩放到尽可能大,使背景区域完全被背景视频覆盖

javascript - 使 alt 标签显示更快

javascript - 如何在单个连接中用 Javascript 上传大文件?

string - Perl:在 excel/csv 文件中查找重复项并用它们编写输出文件

c# - IEnumerable 与列表 - 使用什么?它们是如何工作的?

java - 如何在 List<Serializable> 内容 JaxB 中添加元素?