jQuery :even 偶数选择器

实例

选择每隔一个(偶数)<tr> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("tr:even").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <table border="1">
  14. <tr>
  15. <th>公司</th>
  16. <th>国家</th>
  17. </tr>
  18. <tr>
  19. <td>Alfreds Futterkiste</td>
  20. <td>Germany</td>
  21. </tr>
  22. <tr>
  23. <td>Berglunds snabbkp</td>
  24. <td>Sweden</td>
  25. </tr>
  26. <tr>
  27. <td>Centro comercial Moctezuma</td>
  28. <td>Mexico</td>
  29. </tr>
  30. <tr>
  31. <td>Ernst Handel</td>
  32. <td>Austria</td>
  33. </tr>
  34. <tr>
  35. <td>Island Trading</td>
  36. <td>UK</td>
  37. </tr>
  38. </table>
  39. </body>
  40. </html>

定义与用法

:even 选择器选择索引号为偶数的每个元素(如:0、2、4 等)。

索引编号从 0 开始。

这通常与另一个选择器一起使用,以选择组中的每个偶数索引元素(如上面的实例所示)。

提示:使用 :odd 选择器选择索引号为奇数的元素。

语法

  1. $(":even")

分类导航