jQuery .eq()

1 개요

jQuery .eq()

특정 인덱스의 항목을 선택하는 메소드
0기반 인덱스

예: .eq(1)는 2번째 항목 선택

음수 사용 가능

예: .eq(-3)은 뒤에서 3번째 항목 선택

2 예시

예제: http://zetawiki.com/ex/jquery/eq.html

<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', 'blue');
	});
});
</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>

3 같이 보기

4 참고 자료