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 같이 보기

• jQuery .get()
• jQuery .first()
• jQuery .last()
• jQuery .has()

4 참고

• http://api.jquery.com/eq/
• http://www.w3schools.com/jquery/traversing_eq.asp