jquery - 添加CSS到:last-child but only if it's not :odd

Question

我有一个动态生成的 div 列表，并且我有这个脚本来制作交替背景颜色 - 为了 IE。

<style type="text/css">
.box { height:30px; width:100px; background-color:#fff; }
</style>

<script type="text/javascript">
    $(document).ready(function () {
    $(".box:odd").css("background-color", "#f1f1f1");
    });
</script>

我的html:

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
...

我想对 :last-child 应用特殊的 css 样式，但前提是 :last-child 不是 :odd - 意味着只有它具有白色背景。

我该怎么做？

Answer 1

 $(".box:last").not(':odd').css("background-color", "#f1f1f1");