Javascript 使用jquery单击文本后，如何更改文本的颜色？

我正在努力改变文本颜色后，点击它，但没有得到成功。 有七个标签：-一个用于问题，四个用于答案选项，一个用于正确答案，最后一个用于解释

当点击任何一个选项时，该选项应与正确答案匹配并更改文本颜色，即如果答案错误，则文本颜色应变为红色，如果答案正确，则变为绿色

但当我点击任何选项时，它只会变成红色，当我点击正确答案正确的选项时，它也会变成红色而不是绿色。我不明白为什么？ 看看我的代码。告诉我哪里出了错，解决方法是什么

用于更改颜色的jquery位于行号48和82之间

$（函数（）{
//$（“#Panel2”）.hide（）；
document.getElementById（'form1'）。onsubmit=function（）{
返回false；
}//避免重新加载
$（“.panelButton”）。单击（函数（）{
var$thisButton=$（this）；//将按钮保存到变量中
var$ansPanel=$（this.parent（）.find（'.AnswerPanel'）；//将ans面板保存到变量中
如果（$ansPanel.is（“：hidden”））{
$ansPanel.show（）；
}
否则{
$ansPanel.hide（）；
}
if（$thisButton.val（）=“显示答案”）{
$thisButton.val（“隐藏答案”）；
}否则{
$thisButton.val（“显示答案”）；
}
});
$（“.optionclass”）。单击（函数（）{
var$thispoption=$（此）；
变量$corrans=$（“.correctans”）；
如果（$thispoption.text（）=$corrans.text（））{
$thispoption.css（“颜色”、“绿色”）；
}
否则{
$thispoption.css（“颜色”、“红色”）；
}
});
});













A-




B-




C-




D-






正确答案是：-








表3内容
表4内容
表5内容

您的代码很好，只是标签标签中没有任何数据。只需在标签标签中添加一些文字。

var currentTab=0；
$（函数（）{
$（“#制表符”）。制表符({
选择：功能（e，i）{
currentTab=i.index；
}
});
});
$（“#btnNext”）.live（“单击”，函数（）{
var tabs=$（'#tabs'）.tabs（）；
变量c=$（'#tabs'）。tabs（“长度”）；
currentTab=currentTab==（c-1）？currentTab：（currentTab+1）；
tabs.tabs（'选择'，当前选项卡）；
$（“#btnPrevious”）.show（）；
如果（currentTab==（c-1））{
$（“#btnNext”）.hide（）；
}否则{
$（“#btnNext”）.show（）；
}
});
$（“#btnPrevious”）.live（“单击”，函数（）{
var tabs=$（'#tabs'）.tabs（）；
变量c=$（'#tabs'）。tabs（“长度”）；
currentTab=currentTab==0？currentTab:（currentTab-1）；
tabs.tabs（'选择'，当前选项卡）；
如果（currentTab==0）{
$（“#btnNext”）.show（）；
$（“#btnPrevious”）.hide（）；
}
如果（当前选项卡<（c-1））{
$（“#btnNext”）.show（）；
}
});
$（函数（）{
//$（“#Panel2”）.hide（）；
document.getElementById（'form1'）。onsubmit=function（）{
返回false；
}//避免重新加载
$（“.panelButton”）。单击（函数（）{
var$thisButton=$（this）；//将按钮保存到变量中
var$ansPanel=$（this.parent（）.find（'.AnswerPanel'）；//将ans面板保存到变量中
如果（$ansPanel.is（“：hidden”））{
$ansPanel.show（）；
}
否则{
$ansPanel.hide（）；
}
if（$thisButton.val（）=“显示答案”）{
$thisButton.val（“隐藏答案”）；
}否则{
$thisButton.val（“显示答案”）；
}
});
$（“.optionclass”）。单击（函数（）{
var$thispoption=$（此）；
变量$corrans=$（“.correctans”）；
如果（$thispoption.text（）=$corrans.text（））{
$thispoption.css（“颜色”、“绿色”）；
}
否则{
$thispoption.css（“颜色”、“红色”）；
}
});
});













点击




点击




点击




点击






正确答案是：-








表3内容
表4内容
表5内容

您的代码很好，只是没有