jquery - 选择每个其他父母的孩子

Question

我有一个这样的 HTML 模板：

<div id = "container">

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

   <div class = "status">
      <div class ="dynamic"></div>
   </div>

</div>

有没有办法使用 CSS 或 jQuery更改每个其他.status的背景？.dynamic

Answer 1

你可以在纯 CSS 中做到这一点：

#container > .status:nth-child(2n+1) > .dynamic {
    /* Change the background */
}

（这是一个演示！）

Answer 2

这可以通过 CSS 完成：

#container > .status:nth-child(2n) > .dynamic { background: whatever-you-want; }

或者

#container > .status:nth-child(2n+1) > .dynamic { background: whatever-you-want; }

Answer 3

尝试

$('.status:odd .dynamic').css('color', 'blue')

或者

$('.dynamic:even').css('color', 'blue')

演示：小提琴