English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :last 선택자

jQuer 선택자

:last 선택자는 마지막 일치하는 요소를 선택합니다.

이는 일반적으로 다른 선택자와 함께 사용되어 그룹의 마지막 요소를 선택합니다. (아래 예시와 같이).

주의: last 선택자는 하나의 요소만 선택할 수 있습니다.

사용:last-child선택자를 사용하여 부모 요소의 마지막 자식 요소를 선택합니다.

문법:

$(":last")

예제

마지막 문서 선택:

$(document).ready(function(){
  $("p:last").css("background", "coral");
});
테스트를 보세요‹/›

마지막 목록 항목 선택:

$(document).ready(function(){
  $("li:last").css("background", "coral");
});
테스트를 보세요‹/›

마지막 테이블 행 선택:

$(document).ready(function(){
  $("tr:last").css("background", "coral");
});
테스트를 보세요‹/›

표시: last와 :last-child 선택자 간의 차이:

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:last").css("background-color", "coral");
  });
  $("#btn2").click(function(){
    $("p:last-child").css("background-color", "lightgreen");
  });
});
테스트를 보세요‹/›

jQuer 선택자