javascript - 使用 JQuery 如何将每隔一行涂成黑色？

Question

我没有用于此的表或 ul 结构，但我正在使用 div 来显示数据。我需要每隔一行的背景颜色为黑色。我环顾四周，但大多数选项都是针对表格或列表菜单的，因此对于如何执行此操作感到有些困惑。有什么想法吗？

我的结构:

<div class="container">
     <div class="dataset">
         Thomas Jones
     </div>
     <div class="dataset">
         Edward Jones
     </div>
 <div class="dataset">
         Tommy Lee
     </div>
 <div class="dataset">
         Jenna Haze
     </div>
</div>

Answer 1

你可以只使用 CSS(3) 使用 :nth-child(odd) (甚至):

div.dataset:nth-child(odd) {
    background: black;
}

jsFiddle example