Javascript 单击jquery/css替换单个图像

我正在做一个项目，遇到了css问题。我有一个调查，一旦用户点击某个选项，灰色图像就会改变，以补充正确的选择

我让它工作，但是，图像在一个名为

img element

因此，一旦单击一个图像，它就会使用该类更改页面上的所有图像，而不仅仅是一个选定的调查问题

我试图通过为每个问题添加一个类来解决这个问题

。问题1、.question 2

：

survey.scss 在jquery中，我添加了多个类，如下所示： 并在我的.js文件中实现了它

survey.js

---

然而，它仍然存在同样的问题。我知道这可以通过css中的伪类来实现，但我不能在这个项目中使用它。使用jquery还有其他解决方法吗？

如果您试图将src属性添加到类“img element”的img元素中，该元素位于类“question1或question2”的元素中，那么您的选择器应该如下

这：

而不是这个：

$('.question1, .img-element').attr('src','../images/img1.png');

---

使用逗号将选择具有这些类的所有元素。

您正在将问题id或键与类耦合。这是一种非常糟糕的做法。假设你有20个问题。。。你必须申报20类。。。每个问题都必须有一个id或属性，如“id”或“数据问题编号”，该id必须出现在特定的div、img或按钮上。。。在onclick方法中，必须检索问题的id或键（在按钮或此按钮的父div中搜索）。然后搜索要激活的img，如：$（'img[data question number='99']）.attr（..）

        if (question1Answers.answer1) { // if user select answer1 of question1, then
            $('.question1, .img-element').attr('src','../images/img1.png');

                             // ...omitted code ...
  
        } else if (question1Answers.answer2 && question2Answers.answer2) {
            $('.question2, .img-element').attr('src','../images/img2.png');

}

$('.question1 .img-element').attr('src','../images/img1.png');

$('.question1, .img-element').attr('src','../images/img1.png');