:first【先頭要素】
:last【最終要素】

メモ

  • 先頭要素・最終要素を選択
    • :first：先頭要素 (:eq( 0 )・:lt( 1 ) と同等)
    • :last：最終要素
  • パフォーマンス
    • ネイティブ DOM querySelectorAll() 未使用の為、低速
      純粋なCSSセレクタを使用後、 .filter(":first")・.filter(":last")  を使用した方が高速 ( 例 参照)

構文

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>
  1. 項目
  2. 項目
  3. 項目
  4. 項目 
<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>
  1. 項目
  2. 項目
  3. 項目
  4. 項目