jQuery:获取最后两个列表项?

发布于 2024-07-30 05:12:45 字数 321 浏览 1 评论 0原文

我想使用 jQuery 对无序列表中的最后两个列表项应用一个特殊的类。 像这样:

<ul>
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
<li class="special">sit</li>
<li class="special">amet</li>
</ul>

如何? 我应该以某种方式使用 :eq 吗?

预先感

谢庞图斯

I want to apply a special class to the two last list items in an unordered list with jQuery. Like this:

<ul>
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
<li class="special">sit</li>
<li class="special">amet</li>
</ul>

How to? Should I use :eq somehow?

Thanks in advance

Pontus

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

暗藏城府 2024-08-06 05:12:45

另一种方法是使用 andSelfprev

$('ul li:last-child').prev('li').andSelf().addClass("special");

Another approach, using andSelf and prev:

$('ul li:last-child').prev('li').andSelf().addClass("special");
旧故 2024-08-06 05:12:45
var items = $('ul li')
var last_two = items.filter('li:gt('+ items.length-3 +')')
last_two.addClass('special');
var items = $('ul li')
var last_two = items.filter('li:gt('+ items.length-3 +')')
last_two.addClass('special');
暖阳 2024-08-06 05:12:45
$(function(){

  $("li:gt("+($("li").length-3)+")").addClass("special");

});
$(function(){

  $("li:gt("+($("li").length-3)+")").addClass("special");

});
血之狂魔 2024-08-06 05:12:45

您可以使用函数slice。 它非常灵活。

$('ul li').slice(-2).addClass("special");

You can use function slice. It is very flexible.

$('ul li').slice(-2).addClass("special");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文