Javascript 使用JQuery更改具有相同类的所有div的CSS值，但仅当选中包含的复选框时

我对这个世界很陌生，发现自己的学习曲线非常陡峭。 到目前为止，通过浏览这个网站，我已经成功地对所有问题进行了分类，但这个问题让我感到困惑！我已经花了整整一天的时间，无法进步，所以我希望有人能帮助我

我有两个角色，学生和评估员

学生完成作业，然后评估员对其进行标记，如果答案足够，则勾选复选框

然后学生看他们的作品，应该看到答案的绿色背景和复选框，没有背景和复选框

目前，我的代码正在更改具有相同类的所有div的背景色，而不管是否选中该复选框

任何关于我哪里出错的帮助都将不胜感激

HTML表单中的示例问题：

$（文档）.ready（函数（）{
$（'.answer'）。每个（函数（）{
if（$（this）.find（'input.cb:checked'）.prop（'checked'））{
$（'.answer'）.css（“背景色”，“#a5de76”）；
}
});
});

1.描述乘务员监督观众入场时的程序。

您只需使用当前上下文
this
并更改：

$('.answer').css("background-color", "#a5de76");

到

因此，只有当前选中的答案背景颜色才会更改

完整代码：


$（文档）.ready（函数（）{
$（'.answer'）。每个（函数（）{
if（$（this）.find（'input.cb'）.prop（'checked'））{
$（this.css（“背景色”，“#a5de76”）；
}
});
});

1.描述乘务员监督观众入场时的程序。

非常感谢您抽出时间回答这个问题。我是如此接近！！我以前试过$（这个），但我有太多不同的代码组合，所以我不可能把它和这个版本放在一起。
$(this).css("background-color", "#a5de76");