인덱스 넘버가 짝수인 모든 <tr> 요소를 선택합니다.
<body> <h1>Welcome to My Web Page</h1> <table border="1"> <tr> <th>Company</th> <!-- yellow 배경 --> <th>Country</th> <!-- yellow 배경 --> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbkop</td> <!-- yellow 배경 --> <td>Sweden</td> <!-- yellow 배경 --> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <!-- yellow 배경 --> <td>Austria</td> <!-- yellow 배경 --> </tr> <tr> <td>Island Trading</td> <td>UK</td> </tr> </table> <script> $(document).ready(function () { $("tr:even").css("background-color", "yellow"); }); /* even --> index가 짝수인 것을 선택한다. */ </script> </body>
:even 선택자는 인덱스 번호가 짝수(예 : 0, 2, 4 등)인 각 요소를 선택합니다.
색인 번호는 0부터 시작합니다.
이것은 주로 다른 선택자와 함께 사용되어 그룹의 모든 짝수 색인 요소를 선택합니다 (위의 예제에서 같이).
Tip: :odd 선택자를 사용하여 인덱스 번호가 홀수인 요소를 선택하십시오.
$(":even")