: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)从第二段开始选择每个第三段 |