Javascript jQuery拖放测验-有多个拖放答案

我目前有一个拖放界面，允许将答案拖到“destinationBox”中，它会标记答案是否正确。它通过将问题ID与答案类匹配来实现这一点-请参见下面的代码

<div class="question textbox" id="q1">
    1. Assemble the Crisis Management Team
</div>
<div class="destinationBox"></div>

<td>
    <div class="dragDropSmallBox answer a1">0123456789</div>
</td>

问题是，每个问题我需要不止一个答案。目前，如果我给出两个同一类的

a1

答案，它只会显示第一个答案是正确的。据我所知，这是因为我的代码在HTML中寻找匹配的类，一旦找到了一个，它就会停止，不再继续寻找任何其他匹配的类。我对JavaScript/jQuery非常陌生，现在有点不知道该去哪里。非常感谢您的帮助

---

codepen.io/anon/pen/GpYPRK

不确定这是否可行，正如前面提到的，小提琴会有所帮助。试着换一行

 var answer = $('.' + number).html();

对此

var answer = $(index).find('.' + number + ':first()').html();

---

如果我理解正确，那么您的问题“q1”的所有答案将在不同的div标签中，类别为a1。所以在这种情况下，你可以先找到所有的a1。然后为每个a1找到innerHtml并将其存储在数组中。因此，您将得到一个数组中的所有答案

var answers = $('.' + number); 
answers.each(function(){
  var answer = $(this).html();
  //now you can store this answer in an array say "arr"
  arr.push(answer);
  //Rest of your logic
});

---

我还没有测试过这段代码，所以可能有语法错误，但逻辑应该会让您有所了解。

您能为我们提供一个JSFIDLE/Codepen吗？对不起，这是一个Codepen:）谢谢，我会试试看。。。。刚试过设置小提琴，但由于某些原因，拖放元素在那里不起作用！它删除了拖放的功能。你是按照我的代码原样还是实现了你自己的逻辑来存储答案？添加了我自己的逻辑，但不确定我所做的是否正确