짝수 인덱스 요소를 선택하는 선택자 - :even

:even

:even은 짝수 인덱스 요소를 선택하는 선택자입니다.

 

기본형

$( ':even' )

예를 들어

$( 'p:even' )

은 짝수 인덱스 문단을 선택합니다.

주의할 점은 첫번째 요소 인덱스가 0부터 시작한다는 것입니다.

 

예제

짝수 인덱스의 <li> 요소를 선택하여 색을 빨간색으로 만듭니다.

<ul>
  <li>0. Lorem</li>
  <li>1. Ipsum</li>
  <li>2. Dolor</li>
  <li>3. Sit</li>
</ul>

$( document ).ready( function() {
  $( 'li:even' ).css( 'color', 'red' );
});

같이 보면 좋은 글

• jQuery | Selector > :odd