jQuery :even 偶数选择器

实例

选择每隔一个（偶数）<tr> 元素:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("tr:even").css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>欢迎来到我的主页</h2>
<table border="1">
  <tr>
    <th>公司</th>
    <th>国家</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Berglunds snabbkp</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>
</body>
</html>

运行一下

定义与用法

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

索引编号从 0 开始。

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

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

语法

$(":even")

jQuery :even 偶数选择器

实例

定义与用法

语法

分类导航