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：

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 针对所有这些