Javascript 每个（第二行）添加背景色

我在

html

中有一个列表，如下所示：

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>...</li>
</ul>

但是，可以筛选每个列表项，以便仅查看当前登录的用户。因此，如果我过滤列表，一些行将被隐藏。但是在过滤完列表之后，用来生成第二行的

jQuery

就搞乱了

我怎样才能做到这一点

我试过这个：

$(".button").click(function() {

    $("ul li").each(function(index) {

        var uid = $(this).attr("data-uid");
        var tuid = $(this).attr("data-tuid");

        if (uid != tuid) {

            $(this).hide(500);

        }

    });

    $("ul li").each(function(index) {

        if (index % 2 != 0) {

            $(this).removeClass("second-line");

        }

    });

});

---

但是没有成功。

您可以使用

$（“ulli:nth child（2）”）.addClass（“第二线”）用于第二个元素。
您应该尝试：奇数选择器。使用此选项，您可以选择所有奇数项（=2、4、…）。更多信息请点击此处：
您可以使用css制作

比如：

愿这对你有用

 $("ul li:even").each(function(index) {



            $(this).removeClass("second-line");



    });

希望它能帮助你


ulli:n个孩子（偶数）{
颜色：红色；
}

一,
二,
三,
四,
五,
为什么不选择第二行？你可以不用js；尝试使用
li:nth child（2n）
我知道我可以使用css选择器，但当单击按钮时，我的页面不会刷新，因此css无法更新。。
ul:nth-child(even){
    background-color: #00ffff;
}

 $("ul li:even").each(function(index) {



            $(this).removeClass("second-line");



    });