jquery - 将 css 添加到 :last-child 但前提是它不是 :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"); 

Answer 2

仅 CSS：

.box:last-child:nth-child(even) { /* Special CSS here */ }

它比使用 jquery 更好。

Answer 3

你可以试试这个：

$(document).ready(function () {
    if($('.box').length-1%2!=0){
        $(".box:odd").filter(":last").css({"background":"red"});            
    }
});

这是小提琴：http: //jsfiddle.net/jYxeA/