Jquery 每秒钟添加一个活动类的li，不同背景

我正试图为列表中包含

的第二个活动类添加不同的背景 下面的代码在单击功能时显示不同的

div

。 我用jQuery添加的

active

类，之后我尝试为div2、4、6添加不同的背景

我尝试使用css，但不适用于我：

$（文档）.ready（函数（）{
$（'.results>li'）.hide（）；
$（'div.tags'）.find（'input:checkbox'）.on（'click'，function（））{
$（'.results>li'）.hide（）；
$（'div.tags'）.find（'input:checked'）.each（function（）{
$（'.results>li.'+$（this.attr（'rel'））.show（）；
});
});
如果（！$（'.results>li'）.css（'display'）='none'）{
$（'.results>li'）.addClass（'active'）；
}
});
ul.results li.n个孩子（偶数）。活动{
背景色：红色；
}

艺术类
计算机
健康
电子游戏

结果1
结果2
结果3
结果4
实际上，您的代码中的问题是
li。第n个孩子（偶数）
第n个孩子
与
伪运算符一起使用
，所以使用
：
而不是

试试这个


li:n个孩子（偶数）{
背景色：红色；
}

艺术类
计算机
健康
电子游戏

结果1
结果2
结果3
结果4
实际上，您的代码中的问题是
li。第n个孩子（偶数）
第n个孩子
与
伪运算符一起使用
，所以使用
：
而不是

试试这个


li:n个孩子（偶数）{
背景色：红色；
}

艺术类
计算机
健康
电子游戏

结果1
结果2
结果3
结果4
首先，您的CSS中存在一个问题<代码>第n个子项

是一个伪选择器，而不是类。还有，它

您需要使用JavaScript来实现这一点。我相信代码是可以优化的，但是我把这留给你去弄清楚。以下是我将遵循的步骤：

在每次单击复选框时重置所有

li

s的状态

将名为

active

的类添加到所有可见的

li

s

向所有偶数

活动的
li
s添加一个
高亮显示的
类。由于此自定义jQuery选择器是0索引的，因此代码使用

$（文档）.ready（函数（）{
$（'.results>li'）.hide（）；
$（'div.tags'）.find（'input:checkbox'）.on（'click'，function（））{
$（'.results>li'）.hide（）.removeClass（'highlight active'）；
$（'div.tags'）.find（'input:checked'）.each（function（）{
$（'.results>li.'+$（this.attr（'rel'））.show（）.addClass（'active'）；
});
$（'.active:odd'）.addClass（'突出显示'）
});
});
。突出显示{
背景色：红色；
}

艺术类
计算机
健康
电子游戏

结果1
结果2
结果3
结果4
首先，您的CSS中存在一个问题<代码>第n个子项

是一个伪选择器，而不是类。还有，它

您需要使用JavaScript来实现这一点。我相信代码是可以优化的，但是我把这留给你去弄清楚。以下是我将遵循的步骤：

在每次单击复选框时重置所有

li

s的状态

将名为

active

的类添加到所有可见的

li

s

向所有偶数

活动的
li
s添加一个
高亮显示的
类。由于此自定义jQuery选择器是0索引的，因此代码使用

$（文档）.ready（函数（）{
$（'.results>li'）.hide（）；
$（'div.tags'）.find（'input:checkbox'）.on（'click'，function（））{
$（'.results>li'）.hide（）.removeClass（'highlight active'）；
$（'div.tags'）.find（'input:checked'）.each（function（）{
$（'.results>li.'+$（this.attr（'rel'））.show（）.addClass（'active'）；
});
$（'.active:odd'）.addClass（'突出显示'）
});
});
。突出显示{
背景色：红色；
}

艺术类
计算机
健康
电子游戏

结果1
结果2
结果3
结果4
您必须使用非常旧版本的jQuery<代码>live（）

自2011@charlietfl我已经在上用

替换了您必须使用非常旧版本的jQuery<代码>live（）

自2011@charlietfl我有回复