:nth-last-of-type()

返回值

jQuery

概述

选择的所有他们的父级元素的第n个子元素，计数从最后一个元素到第一个。

因为jQuery的实现:nth-是严格来自CSS规范，n值是“1-indexed”，也就是说，从1开始计数。 对于所有其他选择器表达式比如:eq() 或 :even ，jQuery遵循JavaScript的“0索引”的计数。因此，给定一个单一<ul>包含3个<li>，$('li:nth-last-of-type(1)')选择第3个，也就是最后一个<li>。

这个不寻常的用法，可进一步讨论中找到 W3C CSS specification.

参数

参数 类型 说明 示例值
n
v1.9

匹配子元素序号

必须为整数，注意从1开始而不是0
event
v1.9

匹配所有偶数元素
odd
v1.9

匹配所有奇数元素
formula
v1.9

使用特殊公式如(an + b)进行选择. 例如:nth-last-of-type(3n+2) 从倒数第二个具备此标签元素开始，匹配每个3的倍数的元素

示例

描述: 在每个匹配的ul中查找倒数第二个li

HTML 代码

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

jQuery 代码

$("ul li:nth-last-of-type(2)");