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

：nth-of-type()选择器根据它们在一组同级兄弟中的位置来选择给定类型的所有元素。

使用：nth-child()选择器可以根据所有元素的位置（无论类型如何）来选择所有元素。

语法：

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

选择属于其父级的第三个<span>元素的每个<span>元素：

示例

$(document).ready(function(){
  $("span:nth-of-type(3)").css("background", "lime");
});

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

示例

$(document).ready(function(){
  $("span:nth-of-type(odd)").css("background", "lime");
  $("span:nth-of-type(even)").css("background", "aqua");
});

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