javascript - IE8 の偶数セレクターと奇数セレクター

Question

毎秒のli要素を強調表示しようとしています。他のブラウザでは正常に動作しますが、IE には互換性がありません。問題を解決するために JQuery を使用しようとしましたが、問題が発生しています。

現在、IE8以下のすべてのアイテムを強調表示しています。

これは私のコードです：

CSS

    .ms-quicklaunch-navmgr{
        overflow-y:scroll;
        height:650px;
    }
    .s4-ql li.static:nth-child(even){
        background:#CCC
    }
    body #s4-leftpanel{
        width:255px
    }
    .s4-ca{
        margin-left:255px
    }
    .even{
        background:#CCC
    }       

JS

$(document).ready(function(){
    $('.s4-ql li.static:even').addClass('even');
});

これは、スタイルを設定しようとしている HTML im です。

Answer 1

jquery を更新してみてください

$(document).ready(function(){
    $('.s4-ql .root ul li.static:even').addClass('even');
});

現在、jquery の対象範囲が広すぎて、2 レベルのリストがあります。

ul.root > li.static > ul.static > li

最後のliはターゲットにする必要があるものですが、現在のjqueryはそれらすべてをターゲットにしています