:odd

选择索引值是奇数的元素。索引值从 0 开始计数。同时可以参考 even。

特别注意，跟通常的直觉相反，索引值从 0 开始计数实际上意味着，如果使用了这个奇数索引选择器 :odd，实际选中的是匹配集合中的第二个、第四个、第六个这类的元素。

补充说明:

  • 由于 :odd 是 jQuery 扩展出来的，它并不是 CSS 规范中的一部分。当使用 :odd 时，并不会比使用原生的 DOM 方法 querySelectorAll() 性能好。为了达到高效的 :odd 元素选择，请优先使用纯 CSS 选择器 .filter(":odd") 。
  • 被选中元素的顺序和它们在文档中出现的顺序是一致的。

示例:

查找表格中索引值是奇数的行(即实际表格中的偶数行)，即匹配第二行、第四行、第六行等 (索引值是 1, 3 ,5 等 )。

<!DOCTYPE html>
<html>
<head>
<style>

  table {
    background:#f3f7f5;
  }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

<table border="1">
    <tr><td>Row with Index #0</td></tr>
    <tr><td>Row with Index #1</td></tr>

    <tr><td>Row with Index #2</td></tr>
    <tr><td>Row with Index #3</td></tr>
  </table>

<script>

$("tr:odd").css("background-color", "#bbbbff");

</script>
</body>
</html>

演示: