Javascript 显示2类风格的考试系统jquery

Javascript 显示2类风格的考试系统jquery,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,我正在研究考试系统 我需要显示用户答案,然后显示正确答案。 在练习模式下的行为会有点不同,我的意思是它会在点击“完成”按钮后显示 当我添加.ans类时,这是用户的选择,.corr类是真正正确的答案,我是否需要同时显示这两个类 需要帮忙吗 这是我的Java脚本,JQuerycode .btn{ 背景#f4; 背景图像:-webkit线性渐变(顶部,#F4,#F4); 背景图像:-moz线性梯度(顶部,#F4,#F4); 背景图像:-ms线性梯度(顶部,#F4,#F4); 背景图像:-o-线性梯度

我正在研究考试系统

我需要显示用户答案,然后显示正确答案。 在
练习模式下
的行为会有点不同,我的意思是它会在点击“完成”按钮后显示

当我添加
.ans
类时,这是用户的选择,
.corr
类是真正正确的答案,我是否需要同时显示这两个类

需要帮忙吗

这是我的Java脚本,
JQuery
code

.btn{
背景#f4;
背景图像:-webkit线性渐变(顶部,#F4,#F4);
背景图像:-moz线性梯度(顶部,#F4,#F4);
背景图像:-ms线性梯度(顶部,#F4,#F4);
背景图像:-o-线性梯度(顶部,#F4,#F4);
背景图像:线性渐变(到底部,#f4,#f4);
-webkit边界半径:28;
-莫兹边界半径:28;
边界半径:28px;
文本阴影:1px 1px 3px#666666;
字体系列:信使新;
颜色:#1c001c;
字体大小:20px;
填充:10px 20px 10px 20px;
边框:实心#1f628d 2px;
文字装饰:无;
高度:40px;
宽度:300px;
保证金:5px;
}
科尔先生{
背景图像:-webkit线性渐变(顶部,#ff329e,#ff329e);
背景图像:-moz线性梯度(顶部,#ff329e,#ff329e);
背景图像:-ms线性梯度(顶部,#ff329e,#ff329e);
背景图像:-o-线性梯度(顶部,#ff329e,#ff329e);
背景图像:线性渐变(至底部,#ff329e,#ff329e);
}
.包装纸{
左边距:330px;
宽度:600px;
高度:600px;
边界半径:25px;
边框:2倍纯色棕色;
文本对齐:居中;
显示:无;
}
安斯先生{
背景图像:-webkit线性渐变(顶部,#AB0000,#AB0000);
背景图像:-莫兹线性梯度(顶部,#AB0000,#AB0000);
背景图像:-ms线性梯度(顶部,#AB0000,#AB0000);
背景图像:-o-线性梯度(顶部,#AB0000,#AB0000);
背景图像:线性渐变(到底部,#AB0000,#AB0000);
}
.集装箱{
宽度:500px;
高度:50px;
}
.等等{
宽度:330px;
高度:800px;
浮动:对;
显示:内联块;
边框:2倍纯色棕色;
显示:无;
}
陈先生{
边缘顶部:320px;
左边距:360px;
宽度:600px;
高度:200px;
边界半径:25px;
文本对齐:居中;
显示:内联块;
}
.选择{
宽度:200px;
高度:100px;
显示:内联块;
-webkit框大小:内容框;
-moz框大小:内容框;
框大小:内容框;
光标:指针;
利润率:20px;
填充:10px 20px;
边框:1px实心#018dc4;
-webkit边界半径:9px;
边界半径:9px;
字体:标准21px/标准“新罗马时代”,时代,衬线;
颜色:rgba(255255,0.9);
-o-text-overflow:剪辑;
文本溢出:剪辑;
字距:4px;
背景:rgba(74134232,0.7);
-网络工具包盒阴影:6px 6px 2px 0 rgba(99168191,0.7);
盒影:6px 6px 2px 0 rgba(99168191,0.7);
文本阴影:-1px3px0RGBA(35137188,0.66);
-webkit过渡:所有300ms三次贝塞尔(0.42,0,0.58,1);
-moz变换:所有300ms三次贝塞尔(0.42,0,0.58,1);
-o型过渡:所有300ms三次贝塞尔(0.42,0,0.58,1);
过渡:所有300ms三次贝塞尔(0.42,0,0.58,1);
}
#exm{
宽度:500px;
高度:100px;
填充:10px;
左边距:30px;
显示:块;
}
#迈沙姆{
显示:内联块;
}
#startIQ{
宽度:250px;
高度:30px;
利润率:30像素;
填充:50px;
}
正文{背景色:#CCB3;}
var s=0;
var ENG_ans=[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1];
变量IQ_ans=[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1];
函数drowQuestion(idx、testEX)
{
var-Q;
如果(testEX==0)
{
Q=ENGexam.问题[idx];
}
其他的
{
Q=IQ考试问题[idx];
}
//查找div并更改HTML
HTMLtxt=“”;
HTMLtxt=“Quesion”+(idx+1)+”;
HTMLtxt+=“”+Q.QuestionBody+“”;
HTMLtxt+=“”;
/*
HTMLtxt+='
'; HTMLtxt+='
'; HTMLtxt+='
'; HTMLtxt+='
'; HTMLtxt+=''; $(“#myexam”).append(HTMLtxt)*/ var a; 如果(testEX==0) { a=工程[idx]; } else if(testEX==1) { a=智商[idx]; } 如果(a==-1) {
对于(i=0;它有很多代码需要我们涉猎。您认为您可以通过您的问题删除代码中与您所问内容无关的部分吗?当您说要“显示2个类”时,您的意思是要向同一元素添加两个类吗(当然可能),或使用已分配给元素的类来选择这些元素,以便使它们可见(也可能)?我需要make.append()函数永久工作这是很多代码需要我们仔细研究。您是否认为您可以通过您的问题删除代码中与您所问内容无关的部分?当您说您希望“显示2个类”时,您的意思是希望向同一元素添加两个类(当然可能),或使用已分配给元素的类来选择这些元素,以便使它们可见(也可能)?我需要使用make.append()函数才能永久工作