2

動的に生成された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でない場合に限ります。つまり、背景が白い場合に限ります。

それ、どうやったら出来るの？

4

3 に答える 3

4 
 $(".box:last").not(':odd').css("background-color", "#f1f1f1");
于 2012-10-22T07:28:26.750 に答える
4

CSSのみ：

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

jqueryを使用するよりも優れています。

于 2013-10-10T12:24:05.583 に答える
0

あなたはこれを試すことができます：

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

ここにフィドルがあります：http： //jsfiddle.net/jYxeA/

于 2012-10-22T08:06:21.367 に答える