比較列表後丟棄一個

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來告訴哪個是哪個。