인덱스 넘버가 홀수인 모든 <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>
:odd 선택자는 홀수 인덱스 번호 (예 : 1, 3, 5 등)를 가진 각 요소를 선택합니다.
인덱스 번호는 0부터 시작합니다.
이것은 주로 다른 선택자와 함께 사용되어, 그룹의 모든 홀수 색인 요소를 선택합니다 (위의 예제에서 같이).
Tip: 인덱스 번호가 짝수인 요소를 선택하려면 :even 선택자를 사용하십시오.
$(":odd")