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

nth-last-of-type() 选择器是 jQuery 中的一个过滤选择器，它可以根据节点在同级节点中的位置来选择元素。它与nth-of-type()选择器的作用类似，不同点在于 nth-last-of-type()选择器从最后一个开始计数。

用法

:nth-last-of-type() 选择器可以接受一个表示规则的参数，用来指定要选择的元素。

语法如下：

:nth-last-of-type(index/even/odd/an+b)

其中：

• index：表示要选取的元素的索引号，从后往前计数。例如 :nth-last-of-type(1) 选取倒数第一个元素，:nth-last-of-type(2) 选取倒数第二个元素。
• even：选取序号为偶数的元素，从后往前计数。例如 :nth-last-of-type(even) 选取这组元素中倒数第二个、第四个、第六个元素。
• odd：选取序号为奇数的元素，从后往前计数。例如 :nth-last-of-type(odd) 选取这组元素中倒数第一个、第三个、第五个元素。
• an+b：表示使用公式 an+b 计算整数序列来选取元素。其中a和b是整数，表示返回一个比起点大a倍，再加上b的整数序列。较为复杂。例如 :nth-last-of-type(2n+1) 表示选取倒数第1个元素，第3个元素，第5个元素等等。

示例

以下是一些示例，帮助你更好地理解 :nth-last-of-type() 选择器的用法。

// 选择倒数第二个 p 元素
$('p:nth-last-of-type(2)')

// 选择倒数第一个 li 元素
$('li:nth-last-of-type(1)')

// 选择倒数第奇数个 li 元素
$('li:nth-last-of-type(odd)')

// 选择倒数第偶数个 li 元素
$('li:nth-last-of-type(even)')

// 选择倒数第 2n+1 个 li 元素
$('li:nth-last-of-type(2n+1)')

结语

:nth-last-of-type() 选择器可以让我们根据不同规则来选择元素，很方便实用。但是要注意这种选择器对性能的影响，如果使用不当会导致页面加载缓慢。我们应该在实际开发中合理使用选择器，保证网页的性能。