:nth-last-child(index/even/odd/equation)

选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个。

jQuery(":nth-last-child(index/even/odd/equation)")

index: 每个相匹配子元素的索引值，从最后一个开始( 1 )，也可以是字符串 even 或 odd ，或一个方程式(例如 :nth-last-child(even) , :nth-last-child(4n) )

因为jQuery的实现 :nth-child(n) 是严格来自CSS规范，所以 n 值是“1索引”，也就是说，从1开始计数。对于所有其他选择器表达式，jQuery遵循JavaScript的“0索引”的计数。因此，给定一个单一 <ul> 包含两个 <li> ， $('li:nth-child(1)') 选择第一个 <li> ，而 $('li:eq(1)') 选择第二个。

这个不寻常的用法，可进一步讨论中找到W3C CSS specification.

例子

在每个匹配的ul中查找倒数第二个li，并将它标记出来。 

<!DOCTYPE html>
<html>
<head>
  <style>
  div { float:left; }
  span { color:blue; }
  </style>
  <script src="./static/js/jquery-3.5.0.js"></script>
</head>
<body>
  <div>
  <ul>
    <li>John</li>
    <li>Karl</li>
    <li>Adam</li>
  </ul>
</div>
<div>
  <ul>
    <li>Dan</li>
  </ul>
</div>
<div>
  <ul>
    <li>Dave</li>
    <li>Rick</li>
    <li>Timmy</li>
    <li>Gibson</li>
  </ul>
</div>
<script>$("ul li:nth-last-child(2)").append("<span> - 2nd to last!</span>");</script>
 
</body>
</html>

上篇： :nth-child(index/even/odd/equation)

下篇： :only-child