jquery odd

jQuery选择器：选取奇数元素

在jQuery中，可以使用:odd选择器来选取所有奇数索引的元素（注意索引从0开始计算）。这个选择器常用于表格行、列表项等需要交替样式的场景。

基本语法

$("selector:odd")

示例代码

// 选取表格中所有奇数行并添加背景色
$("tr:odd").css("background-color", "#f2f2f2");

// 选取列表中所有奇数项
$("li:odd").addClass("highlight");

注意事项

:odd选择器是基于0的索引，因此实际选取的是第2、4、6...个元素（对应索引1、3、5...）

如需选取视觉上的奇数元素（即第1、3、5...个），应使用:even选择器

替代方案

可以使用.filter()方法实现相同效果：

$("tr").filter(function(index) {
    return index % 2 !== 0;
});

性能优化

对于大型DOM集合，建议先用具体选择器缩小范围再使用:odd：

$("#myTable tr:odd")  // 优于直接使用$("tr:odd")