:last 選擇器

分類：選擇器 > 基本篩選器 | 已棄用 > 已棄用 3.4 | 選擇器 > jQuery 擴充功能

last 選擇器已棄用版本：3.4

說明：選取最後一個匹配的元素。

  • 新增版本：1.0jQuery( ":last" )

自 jQuery 3.4 起，:last 偽類別已棄用。從選擇器中移除它，並稍後使用 .last() 篩選結果。

請注意，:last 會透過篩選目前的 jQuery 集合並匹配其中的最後一個元素，來選取單一元素。

其他注意事項

  • 由於 :last 是 jQuery 擴充功能，而非 CSS 規格的一部分，因此使用 :last 的查詢無法利用原生 DOM querySelectorAll() 方法提供的效能提升。若要使用 :last 選取元素時達到最佳效能，請先使用純 CSS 選擇器選取元素，然後使用 .filter(":last")。

範例

尋找最後一列表格。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>last demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.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>

示範