Php 删除一个后比较列表

我正在处理一个页面，在这个页面中，我需要从一个列表中拖动项目，将它们放置在一个放置区域中，然后使用提交按钮将它们的放置顺序与答案键进行比较。基本上是一个非常简单的拖放测试。我的问题是找出实现这一目标的最佳方法。我知道少量的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>

问题1
问题2
问题3


把答案放在这里

这是您的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来区分哪个是哪个。

您尝试过什么吗？这与PHP有什么关系？我的拖放功能正常工作，但不确定从哪里开始比较列表和答案键。至于PHP，我不确定使用jquery或jquery与PHP的组合是否适用于此。有没有办法将删除的列表转换为数组进行比较？很抱歉，在复制和粘贴后忘记更改id。我将尝试这个方法，看看会发生什么。当我尝试这个方法时，它只会获取第一个id，其余的什么都没有。您有：$（'#bin a'）。每个（function（）{alert（$（'#bin a'）.attr（'id'）；}）您需要：$（'#bin a'）。每个（function（）{alert（$（this.attr（'id'）））；}）…因为$（this）引用循环中的当前元素。我明白你的意思，并按照你的建议更改了代码。如果我有一个答案键，比如‘var answerKey=[“四”、“二”、“一”、“三”]；，我该如何处理并比较它呢

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

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