2

可能重复:
jquery:选择列表中的最后 4 个项目

jQuery 有 nth-child 伪类,但是有没有办法选择 say 3:rd to last child ?

4

1 回答 1

5

假设您不一定需要使用:nth-child()符号,您可以使用负索引eq()

$(selector).eq(-3);

JS 小提琴演示

或者,在兼容的浏览器中,您可以简单地使用 CSS:

elementSelector:nth-last-child(3) {
    /* CSS declaration block */
}

JS Fiddle 演示(在 Chromium 19/Ubuntu 11.04 中测试并确认工作)。

CSS 选择器,大概要感谢document.querySelector()/ document.querySelectorAll(),在 jQuery 中也可用作选择器:

$('li:nth-last-child(3)').css('background-color','#f90');​

JS 小提琴演示

参考:

于 2012-06-22T20:19:27.983 回答