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>
...

我想将一个特殊的CSS样式应用于：last-child，但前提是：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/

将css添加到：last-child，但前提是它不是：odd

3 个答案: