编辑这个页面须要登录或更高权限！

jQuery :nth-last-child() 选择器

jQuer 选择器

：nth-last-child（n）选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素，从最后一个子元素开始计数。

使用：nth-last-of-type()选择器选择从最后算起的属于其父元素的特定类型的第n个子元素的所有元素。

语法：

$(":nth-last-child(number|An+B|odd|even)")

实例

从末尾开始计数，选择每个作为其父项的第5个子项的<p>元素：

$(document).ready(function(){
  $("p:nth-last-child(5)").css("background", "coral");
});
测试看看‹/›

奇数和偶数关键字用于匹配索引为奇数或偶数的子元素：

$(document).ready(function(){
  $("p:nth-last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
测试看看‹/›

使用公式（An + B）。说明：A表示一个循环大小，n是一个计数器（从0开始），而B是一个偏移值：

$(document).ready(function(){
  $("p:nth-last-child(4n + 1)").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});
测试看看‹/›

参数值

参数描述
number每个要匹配的子元素的索引（从1开始）
odd选择每个奇数子元素
even选择每个偶数子元素
An+B指定要选择的子元素
示例：p：nth-last-child（3n + 2）选择每个第三个段落，从最后一个第二个子节点开始

jQuer 选择器

jQuery 事件jQuery 选择器