.last()
원문 링크 
http://api.jquery.com/last/
개요 : 선택된 요소 집합에서 마지막 요소를 선택하게 해주는 함수입니다.
- .last()
아래 마크업을 예로 들겠습니다.
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
위와같이 리스트를 구성하는 html 이 있다고 하고 아래 스크립트를 적용해 보겠습니다.
list item 5의 배경색이 빨간색이 됩니다. 참 쉽죠~
$('li').last().css('background-color', 'red');
예 제
p 태그안의 마지막 span 태그를 찾아 강조효과를 줍니다.
<!DOCTYPE html>
<html>
<head>
<style>.highlight{background-color: yellow}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><span>Look:</span> <span>This is some text in a paragraph.</span> <span>This is a note about it.</span></p>
<script>$("p span").last().addClass('highlight');</script>
</body>
</html>미리보기
와우 너무 직관적이라 따로 드릴 말씀이 없습니다.
혹시 눈치채신 분들 계실라나? 하하; .first() 함수를 고대로 복사해 온건데 ㅎㅎ;;
그럼 즐프하세요.
※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
| jQuery API 정복 - 조건이 맞을 때까지 쭈욱, nextUntil() (0) | 2011.06.22 |
|---|---|
| jQuery API 정복 - 현재 요소의 다음 요소 모두, nextAll() (0) | 2011.06.21 |
| jQuery API 정복 - 현재 요소의 바로 다음 요소, next() (2) | 2011.06.09 |
| jQuery API 정복 - 결과를 배열로 돌려받기, map() (7) | 2011.06.08 |
| jQuery API 정복 - 맞는지 확인하기, is() (6) | 2011.05.30 |
| jQuery API 정복 - 가지고 있나 없나? has() (2) | 2011.05.25 |
| jQuery API 정복 - 첫번째 요소 찾기, first() (2) | 2011.05.24 |
| jQuery API 정복 - 하위 요소 전부 찾기, find() (2) | 2011.05.19 |