php - 删除列表后比较列表

Question

我在一个页面上工作，我需要从一个列表中拖动项目，将它们放在放置区域中，然后使用提交按钮将它们的放置顺序与答案键进行比较。基本上是一个非常简单的拖放测验。我的问题是找出实现这一目标的最佳方法。我知道少量的 JQuery 和 PHP，所以任何帮助将不胜感激。

<ul id="answerList">
    <li><a draggable="true" href"#" id="one">Question 1</li>
    <li><a draggable="true" href"#" id="two">Question 2</li>
    <li><a draggable="true" href"#" id="three">Question 3</li>
</ul>

<ul id="answerDrop">
    <li>Drop Answer Here</li>
</ul>

<div id="submitBtn">
     <input type="button">
</div>

Answer 1

这是您的 HTML：

<ul id="answerList">
    <li><a draggable="true" href"#" id="one">Question 1</li>
    <li><a draggable="true" href"#" id="one">Question 2</li>
    <li><a draggable="true" href"#" id="one">Question 3</li>
</ul>

首先，ID 必须是唯一的。

在您的放置区域：

<ul id="answerDrop">
    <li>Drop Answer Here</li>
</ul>

要查看拖放项目的内容，您可以使用：

$('#answerDrop a').each(function() {
      alert($(this).attr('id'));
})

它们将按照显示的顺序出现，但您确实需要获取唯一的 ID 才能分辨出哪个是哪个。