Jquery 更改其他每个元素的背景色

我想更改以下每个元素的背景色：

<div class="dets">
 <div>Simple Layout</div>
 <div>Few Pictures/Links</div>
 <div>Element Uniformity</div>
</div>

尝试：

此外，您还可以仅使用css：

.dets>div:nth-child(odd){
 background-color:white;
}
.dets>div:nth-child(even){
 background-color:black;
}

最好使用css

您可以使用id而不是class

.dets

来减少索引时间，如

#dets

您可以有其他选择器，也可以根据您的要求使用：例如

• tr:n个孩子（2n+1） 表示HTML表的奇数行
• tr:n个孩子（奇数） 表示HTML表的奇数行
• tr:n个孩子（2n） 表示HTML表的偶数行
• tr:n个孩子（偶数） 表示HTML表的偶数行
• span:n个子项（0n+1） 表示作为其父元素的第一个子元素的跨度元素；这与：第一个子选择器相同
• span:n个孩子（1） 相当于上述
• span:n个孩子（-n+3） 如果元素是其父元素的前三个子元素之一，并且是跨度，则匹配

.dets>div:n个子项（偶数）{
背景：#000；
颜色：#fff；
}
.dets>div:n个孩子（奇数）{
背景：#fff；
}

简单布局
很少有图片/链接
元素均匀性

您可以在css中通过使用

.dets分区：第n名儿童（单数）{ 背景色：白色； } .dets分区：第n个孩子（偶数）{ 背景色：黑色； }

---

jQuery成功了。没有尝试CSS。你能解释一下为什么我使用的：偶数，：奇数没有按预期工作吗？@QuitoGuillermos在使用偶数和奇数关键字之前，你应该使用第n个孩子。查看此链接以了解更多信息。

$(".dets>div:nth-child(odd)").css('background-color', 'white');
$(".dets>div:nth-child(even)").css('background-color', 'black');

.dets>div:nth-child(odd){
 background-color:white;
}
.dets>div:nth-child(even){
 background-color:black;
}