用jQuery从底部选择n：th child？

Question

  

可能重复：
  jquery: select the last 4 items in the list

jQuery有nth-child psuedo-class，但有没有办法选择说3：rd到最后一个孩子？

Answer 1

假设您不一定需要使用:nth-child()表示法，则可以使用带有eq()的否定索引：

$(selector).eq(-3);

JS Fiddle demo

或者，在兼容的浏览器中，您只需使用CSS：

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

JS Fiddle demo（在Chromium 19 / Ubuntu 11.04中测试并确认工作）。

CSS选择器，大概归功于document.querySelector() / document.querySelectorAll()，也可以作为jQuery中的选择器使用：

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

JS Fiddle demo

参考文献：

• eq()。