jQuery의 first 및 last 메서드
세트에서 첫 번째와 마지막 요소를 선택하기 위해 별도의 메서드인
first와
last도
있습니다.
다음 단락을 예로 들어 위에서 설명한 메서드들의 작동 방식을 살펴보겠습니다:
<p>text</p>
<p>text</p>
<p>text</p>
모든 단락을 찾은 다음 찾은 단락 중 첫 번째를 선택하고 텍스트를
'!'로 설정해 봅시다:
$('p').first().text('!');
이제 찾은 단락 중 마지막을 선택하고 텍스트를
'!'로 설정해 봅시다:
$('p').last().text('!');
세트에서 첫 번째 li를 찾아 빨간색으로 색칠하세요.
세트에서 마지막 li를 찾아 녹색으로 색칠하세요.