我尝试使用动态生成的元素构建一个包含30个问题的测验。

HTML：

<代码><；DIV类="；第二个盒子"；>；<；DIV类="；问题框"；>；<；/DIV>；<；/DIV>；

这是我的剧本：

<代码>函数showQuestion（）{对于（令I=0；我<；Quesparta.长度；我++）{$（"；.questionBox"；）。Append（'<；DIV类="；问题"；>；编号'+parseInt（I+1）+'<；/DIV>；'）；Quesparta[I][' option '].Foreach（option=>；{$（"；.questionBox"；）。APPEND（'<；span类="；Pilihan"；>；'+选项+'<；/span>；<；br>；'）；});}$（"；.secondbox"；）。APPEND（<；a href="；监听部分a.HTML"；类="；btnToPartB"；>；继续B<；/A>；部分）；};$（"；.questionBox"；）。在（"；点击"；，"；.pilihan"；，函数（）{$（this）.CSS（背景，红色）；$（'.pilihan '）.not（this）.CSS（“ background ”，“#CCC ”）；

因此，动态生成的元素将显示30个问题，每个问题有四个答案选项。一旦用户点击，我想将选项的颜色更改为红色，再加上更改选择的能力。

我可以使用上面的代码做到这一点：我可以选择问题1的答案（其中一个选项变为红色），但当我单击问题2的答案时，问题1中选择的选项将返回到 <div class="secondBox"> <div class="questionBox"> </div> </div> 颜色。同样，当我在问题3中选择一个选项时，选择的数字2和1的答案将返回到 <div class="secondBox"> <div class="questionBox"> </div> </div> 。

有没有人有任何想法，以便每次我点击下一个问题的答案，之前的答案仍然是红色的？

谢谢了.

顺晟科技：

我相信#ccc总是在此行中失败：

#ccc

这将导致背景更改为 <div class="secondBox"> <div class="questionBox"> </div> </div> 。

试着删除整条线..

#ccc

这也会使任何变为红色的线保持红色。