본문 바로가기
프로그래밍/jQuery

jQuery API 정복 - 마지막 자식 요소 찾기 : last

by zoo10 2011. 2. 12.

:last 는 일치하는 요소들 중에 가장 마지막 요소를 찾을 수 있습니다.

원문 링크 http://api.jquery.com/last-selector/

last selector

  • jQuery(':last')

예 제  
테이블에서 마지막 행(row)를 찾습니다.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.5.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>

미리보기

 

:last 와 :last-child 를 잘 구분하셔야 겠어요. 제일 마지막 리스트의 색깔을 입히거나 할 때 유용하겠네요. :-)

그럼 즐프하세요.

※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.