목차

jQuery :odd Selector

  • description : jQuery :odd Selector
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-06-02


The source of this article

jQuery :odd Selector

Example

인덱스 넘버가 홀수인 모든 <tr> 요소를 선택합니다.

<body>
 
  <h1>Welcome to My Web Page</h1>
 
  <table border="1">
    <tr>
      <th>Company</th>
      <th>Country</th>
    </tr>
    <tr>
      <td>Alfreds Futterkiste</td> <!-- yellow 배경 -->
      <td>Germany</td> <!-- yellow 배경 -->
    </tr>
    <tr>
      <td>Berglunds snabbkop</td>
      <td>Sweden</td>
    </tr>
    <tr>
      <td>Centro comercial Moctezuma</td> <!-- yellow 배경 -->
      <td>Mexico</td> <!-- yellow 배경 -->
    </tr>
    <tr>
      <td>Ernst Handel</td>
      <td>Austria</td>
    </tr>
    <tr>
      <td>Island Trading</td> <!-- yellow 배경 -->
      <td>UK</td> <!-- yellow 배경 -->
    </tr>
  </table>
 
  <script>
    $(document).ready(function () {
      $("tr:odd").css("background-color", "gold");
    }); /* odd --> index가 홀수인 것을 선택한다. */
  </script>
 
</body>

Definition and Usage

:odd 선택자는 홀수 인덱스 번호 (예 : 1, 3, 5 등)를 가진 각 요소를 선택합니다.

인덱스 번호는 0부터 시작합니다.

이것은 주로 다른 선택자와 함께 사용되어, 그룹의 모든 홀수 색인 요소를 선택합니다 (위의 예제에서 같이).

Tip: 인덱스 번호가 짝수인 요소를 선택하려면 :even 선택자를 사용하십시오.

Syntax

$(":odd")