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

前端之家收集整理的这篇文章主要介绍了jQuery:选择列表中的最后4项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Select last 5 elements with jQuery3个
我有一个图像/文本链接列表,
<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

原文链接:https://www.f2er.com/jquery/181531.html

猜你在找的jQuery相关文章