홀수 인덱스 요소를 선택하는 선택자 - :odd

odd은 홀수 인덱스 요소를 선택하는 선택자입니다. 주의할 점은 인덱스가 0부터 시작한다는 것입니다.
1 min read

:odd

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

 

기본형

$( ':odd' )

예를 들어

$( 'p:odd' )

는 홀수 인덱스인 <p> 요소를 선택합니다.

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

 

예제

인덱스가 홀수인 <li> 요소를 선택하고, 글자색을 빨간색으로 바꿉니다.

<ul>
  <li>0. Lorem</li>
  <li>1. Ipsum</li>
  <li>2. Dolor</li>
  <li>3. Sit</li>
</ul>
$( document ).ready( function() {
  $( 'li:odd' ).css( 'color', 'red' );
});
같이 보면 좋은 글

You may like these posts

Post a Comment