wiki:javascript:jquery:jquery_note:jquery_even_selector
jQuery :even Selector
- description : :even Selector
- author : 오션
- email : shlim@repia.com
- lastupdate : 2022-10-24 Mon
The source of this article
Definition and Usage
:even 셀렉터는 짝수 인덱스 번호(예: 0, 2, 4 등)가 있는 각 요소를 선택합니다.
인덱스 번호는 0에서 시작합니다.
보통 :even 셀렉터는 그룹의 모든 짝수 인덱스 요소를 선택하기 위해 다른 셀렉터와 함께 사용됩니다.
Tip : 홀수 인덱스 번호를 가진 요소를 선택하려면 :odd 선택기를 사용하십시오.
Syntax
$(':even');
Example
(1)짝수 번 째의 모든 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> <td>Germany</td> </tr> <tr> <td>Berglunds snabbköp</td> <td>Sweden</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>UK</td> </tr> </table> <script> $(document).ready(function () { $("tr:even").css("background-color", "gold"); }); </script> </body>
<jquery 적용 후 browser console의 elements>
<table border="1"> <tr> <th style="background-color: gold">Company</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Germany</td> </tr> <tr style="background-color: gold"> <td>Berglunds snabbköp</td> <td>Sweden</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Mexico</td> </tr> <tr style="background-color: gold"> <td>Ernst Handel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>UK</td> </tr> </table>
/var/services/web/dokuwiki/data/pages/wiki/javascript/jquery/jquery_note/jquery_even_selector.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
