jquery - 改变所有其他元素的背景颜色

Question

我想更改以下所有其他元素的背景颜色:

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

所以第一个 [Simple Layout] 是白色的，第二个 [Few Pictures/Links] 是黑色的，依此类推。我将其中三个结构嵌套在其他一些 div 元素中。我知道 :even,:odd 方法，但它没有按预期进行。它继续通过每个“dets”类，每次都增加索引。我想要奇数行白色，偶数行黑色。有没有办法为每个“dets”类重新启动自然索引？我不想使用表格。

我目前正在使用以下 jQuery 来设置背景颜色:

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

Answer 1

尝试:

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

你也可以只用 css:

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