Jquery 选择奇偶元素

Jquery 选择奇偶元素,jquery,html,css,Jquery,Html,Css,我希望将奇数和偶数tr元素的样式与我的表不同 这是我的密码: /* 创建一个单行代码,将类“奇数”添加到奇数行,将类“偶数”添加到偶数行 提示:使用第n个子选择器和end()函数 */ 表格, tr, 运输署{ 边界塌陷:塌陷; 边框:1px实心#000; } 桌子{ 宽度:100%; } 奇数{ 背景:rgba(0,255,0,0.1); } 平{ 背景:rgba(0,0,0,0.1); } 古怪的 古怪的 即使 即使 古怪的 古怪的 即使 即使 古怪的 古怪的 如果您有jQuery,您

我希望将
奇数
偶数
tr
元素的样式与我的表不同

这是我的密码:

/*
创建一个单行代码,将类“奇数”添加到奇数行,将类“偶数”添加到偶数行
提示:使用第n个子选择器和end()函数
*/
表格,
tr,
运输署{
边界塌陷:塌陷;
边框:1px实心#000;
}
桌子{
宽度:100%;
}
奇数{
背景:rgba(0,255,0,0.1);
}
平{
背景:rgba(0,0,0,0.1);
}

古怪的
古怪的
即使
即使
古怪的
古怪的
即使
即使
古怪的
古怪的

如果您有jQuery,您可以使用和选择器

$('tr:odd').addClass('odd');
$('tr:even').addClass('even');

$('tr:odd').addClass('odd');
$('tr:even').addClass('even')
表格,
tr,
运输署{
边界塌陷:塌陷;
边框:1px实心#000;
}
桌子{
宽度:100%;
}
奇数{
背景:rgba(0,255,0,0.1);
}
平{
背景:rgba(0,0,0,0.1);
}

古怪的
古怪的
即使
即使
古怪的
古怪的
即使
即使
古怪的
古怪的

尝试使用
css
:nth-of-type()
伪类选择器设置
奇数
偶数

表格,
tr,
运输署{
边界塌陷:塌陷;
边框:1px实心#000;
}
桌子{
宽度:100%;
}
tr:n个类型(奇数){
背景:rgba(0,255,0,0.1);
}
tr:n个类型(偶数){
背景:rgba(0,0,0,0.1);
}

古怪的
古怪的
即使
即使
古怪的
古怪的
即使
即使
古怪的
古怪的

尝试CSS奇偶选择器

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

只需尝试使用伪类选择器添加样式:n个带有偶数和奇数的类型

表格,
tr,
运输署{
边界塌陷:塌陷;
边框:1px实心#000;
}
桌子{
宽度:100%;
}
tr:n个类型(奇数){
背景:rgba(0,255,0,0.1);
}
tr:n个类型(偶数){
背景:rgba(0,0,0,0.1);
}

古怪的
古怪的
即使
即使
古怪的
古怪的
即使
即使
古怪的
古怪的
$(“tr:even”).addClass('even')$(“tr:odd”).addClass(“odd”);看见