:last

选择最后一个匹配到的元素。

注意,:last 只会选择单个元素,这个元素是写在 :last 前面的那么选择器匹配到的元素集合中的最后一个元素。

补充说明:

  • 由于 :last 是 jQuery 扩展出来的,它并不是 CSS 规范中的一部分。当使用 :last 时,并不会比使用原生的 DOM 方法 querySelectorAll() 性能好。为了达到高效的 :last 元素选择,请优先使用纯 CSS 选择器 .filter(":last")

示例:

查找表格中的最后一行。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>

<table>

    <tr><td>First Row</td></tr>
    <tr><td>Middle Row</td></tr>
    <tr><td>Last Row</td></tr>

  </table>

<script>

$("tr:last").css({backgroundColor: 'yellow', fontWeight: 'bolder'});

</script>
</body>
</html>

演示: