:first【先頭要素】
:last【最終要素】
メモ
- 先頭要素・最終要素を選択
- :first：先頭要素 (:eq( 0 )・:lt( 1 ) と同等)
- :last：最終要素
- パフォーマンス
- ネイティブ DOM querySelectorAll() 未使用の為、低速
純粋なCSSセレクタを使用後、.filter(":first")・.filter(":last")を使用した方が高速 ( 例 参照)
- ネイティブ DOM querySelectorAll() 未使用の為、低速
構文
jQuery( ":first" ) 1.0
jQuery( ":last" ) 1.0
関連
例
<ol id="id1">
<li>項目
<li>項目
<li>項目
<li>項目
</ol>
<script>
$("#id1 :first").css("color", "red").append(" (先頭)");
$("#id1 :last").css("color", "red").append(" (最終)");
</script>
- 項目
- 項目
- 項目
- 項目
<ol id="id2">
<li>項目
<li>項目
<li>項目
<li>項目
</ol>
<script>
$("#id2 li").filter(":first").css("color", "red").append(" (先頭)");
$("#id2 li").filter(":last").css("color", "red").append(" (最終)");
</script>
- 項目
- 項目
- 項目
- 項目