개요
- jQuery .eq()
- 특정 인덱스의 항목을 선택하는 메소드
- 0기반 인덱스
- 예: .eq(1)는 2번째 항목 선택
- 음수 사용 가능
- 예: .eq(-3)은 뒤에서 3번째 항목 선택
예시
<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
$('#button1').click(function() {
$('#mylist>li').eq(1).css('background-color', 'red');
});
$('#button2').click(function() {
$('#mylist>li').eq(-3).css('background-color', 'yellow');
});
});
</script>
<ul id='mylist'>
<li>항목1</li>
<li>항목2</li>
<li>항목3</li>
<li>항목4</li>
<li>항목5</li>
<li>항목6</li>
</ul>
<button id='button1'>2번째를 빨간색으로</button>
<button id='button2'>뒤에서 3번째를 노란색으로</button>