jQuery .eq()

1 개요[ | ]

jQuery .eq()

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

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

음수 사용 가능

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

2 예시[ | ]

<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>

3 같이 보기[ | ]

4 참고[ | ]