jQuery :nth-last-of-type() 选择器

jQuer 选择器

:nth-last-of-type()选择器根据它们在一组同级兄弟中的位置(从末尾开始)选择给定类型的所有元素。

使用:nth-last-child()选择器,选取属于其父元素的不限类型的第 n 个子元素的所有元素,从最后一个子元素开始计数。

语法:

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

实例

从末尾算起,选择属于其父元素的第4个<span>元素的每个<span>元素:

$(document).ready(function(){
  $("span:nth-last-of-type(4)").css("background", "lime");
});
测试看看‹/›

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

$(document).ready(function(){
  $("span:nth-last-of-type(odd)").css("background", "lime");
  $("span:nth-last-of-type(even)").css("background", "aqua");
});
测试看看‹/›

参数值

参数描述
number每个要匹配的子元素的索引(从1开始)
odd选择每个奇数子元素
even选择每个偶数子元素
An+B指定要选择的子元素
示例:p:nth-last-of-type(3n + 2)从第二段开始选择每个第三段

jQuer 选择器