使用jQuery從底部選擇n：th孩子？

Question

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

jQuery的有第n個孩子僞類，但有沒有辦法來選擇說3：第三至最後一個孩子？

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()。