jQuery设置交替颜色行

jQuery设置交替颜色行,jquery,css,rows,alternating,Jquery,Css,Rows,Alternating,我在寻找我问题的具体答案。这就是,我有一行包含大量div(动态设置)。 我想要的是将div(3个div)的背景设置为另一种颜色,如下所示: 这可以通过CSS奇偶伪类来完成,还是应该通过jQuery来完成?您可以通过将其添加到CSS中来完成foo:n个孩子(n+3) 更新: ^虽然我不是一个粉丝,但它很管用 通过添加td:n子项(3n)来尝试此操作,它可能适合您您可以使用: li:n个孩子(6n), 李:第n个孩子(6n-1), 李:第n个孩子(6n-2){背景:红色;} 项目1 项目2 项目

我在寻找我问题的具体答案。这就是,我有一行包含大量div(动态设置)。 我想要的是将div(3个div)的背景设置为另一种颜色,如下所示:
这可以通过CSS奇偶伪类来完成,还是应该通过jQuery来完成?

您可以通过将其添加到CSS中来完成<代码>foo:n个孩子(n+3)

更新:

^虽然我不是一个粉丝,但它很管用


通过添加td:n子项(3n)来尝试此操作,它可能适合您

您可以使用:

li:n个孩子(6n),
李:第n个孩子(6n-1),
李:第n个孩子(6n-2){背景:红色;}
  • 项目1
  • 项目2
  • 项目3
  • 项目4
  • 项目5
  • 项目6
  • 项目7
  • 项目8
  • 项目9
  • 项目10
  • 项目11
  • 项目12
  • 项目13
  • 项目14
  • 项目15
  • 项目1
  • 项目2
  • 项目3
  • 项目4
  • 项目5
  • 项目6
  • 项目7
  • 项目8
  • 项目9
  • 项目10

您可能可以在CSS中使用
nth
选择器执行此操作。你能在问题中也张贴你的HTML吗?@Rorymcrossan你完全正确。。我看错了问题,请看更新的答案。哎呀,我花了这么长时间才找到它。
ul li:nth-child(6n+4),
ul li:nth-child(6n+5),
ul li:nth-child(6n+6) {
  border: 1px solid red;
}