:last 는 일치하는 요소들 중에 가장 마지막 요소를 찾을 수 있습니다.
원문 링크 http://api.jquery.com/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 에 있는 내용임을 밝힙니다.
'프로그래밍 > jQuery' 카테고리의 다른 글
jQuery API 정복 - 다음 형제 요소 찾기 : next ~ siblings (6) | 2011.02.15 |
---|---|
jQuery API 정복 - 다음 요소 선택하기 : prev + next (5) | 2011.02.14 |
jQuery API 정복 - 한번에 여러 요소 선택하기 : Multiple Selector (2) | 2011.02.14 |
jQuery API 정복 - 다중 속성 필터를 이용한 요소 선택 : Mutiple Attribute Selector (2) | 2011.02.12 |
jQuery API 정복 - 마지막 자식 요소들 찾기 : last-child (2) | 2011.02.11 |
jQuery API 정복 - 폼에 속한 input 들 선택하기 : jQuery(':input') (0) | 2011.02.11 |
jQuery API 정복 - image 폼 요소 찾기 : jQuery(":image") (0) | 2011.02.10 |
jQuery API 정복 - ID 로 찾아내기 : jQuery("#id") (7) | 2011.02.10 |