Question

我最近用jQuery做了一个相当简单的测验问题（显示/隐藏，添加类和一个变量来计算尝试次数，如果尝试次数为2则响应），我试图找出复制相同代码的最佳实践关于多个问题。最佳做法是更改HTML布局和jQuery的所有变量吗？或者是否有更有效的方法来添加第二个/第三个......等问题？

以下是我如何列出第一个问题。

<form class="ra">
<div class="cor">
    <input type="radio" name="question1" class="c1" />A. Choice A<span class="hiddencorr">Correct answer</span>

</div>
<div class="inc">
    <input type="radio" name="question1" class="i1" />B. Choice B<span class="incorr">Your choice</span>
</div>
<div class="inc">
    <input type="radio" name="question1" class="i2" />C. Choice C<span class="incorr">Your choice</span>
</div>
<div class="inc">
    <input type="radio" name="question1" class="i3" />D. Choice D<span class="incorr">Your choice</span>
</div>
<div class="inc">
    <input type="radio" name="question1" class="i4" />E. Choice E<span class="incorr">Your choice</span>
</div>
</form>
<p class="rationale1"><b>Rationale:</b> 
<br />
<br /><span class="rattext">Explanation of what was done wrong.</span>

</p>
<button id="radiochk1" class="checkhide">Check your answer</button>
<button id="resetq1" class="reset">Reset</button>

JS / CSS＆amp;小提琴中的功能。 http://jsfiddle.net/YSSWL/97/

Answer 1

与初始样式和布局相关的类值通常不应在相似元素之间有所不同（尽管那些指示状态可以）。相反，使用jQuery增加您的名称和ID属性，类似于您现在为课程所做的事情。

重用Javascript函数的最佳实践

1 个答案: