jquery - 带有jQuery Droppable的div内span标签的警报文本

Question

JS小提琴可以在这里找到。我有两组 div，一组可以是draggable，一些是droppable. 我正在尝试在数组上的 span 元素内添加文本，以便导致触发 drop 事件的元素不会导致触发第二次 drop（目前不相关，因为这也不起作用） .
为什么 alert($(this).find("span").text());在被拖动的元素内没有发现提醒 span 标签的文本？

HTML

  <div id="quizContainer">

        <div id="questionsContainer">

        <div class="drugQuizzes">
            <span>DOCUSIL</span>
        </div><div class="drugQuizzes">
            <span>ORACEA</span>
        </div><div class="drugQuizzes">
            <span>ZYLOPRIM</span>
        </div>
    </div>
        <div id="answersContainer">


    </div>
    <div class="drugAnswers" style="background-color:PaleVioletRed;">

    </div><div class="drugAnswers" style="background-color:PaleVioletRed;">

    </div><div class="drugAnswers" style="background-color:DarkKhaki;">

    </div>

Answer 1

要获取已删除元素的文本，请更改：

alert($(this).find("span").text());

至

alert(ui.draggable.find('span').text());

jsFiddle 示例

Answer 2

您可以使用以下方法获取拖动的元素跨度文本：

ui.draggable.find("span").text()

JSFIDDLE

Answer 3

要获取删除的元素和相关属性，请更改：

alert($(this).find("span").text());

至：

alert(ui.draggable.find('span').text());

或通常使用ui.draggable而不是引用删除的元素this

演示：http: //jsfiddle.net/IrvinDominin/Z4xBx/3/

文档：http ://api.jqueryui.com/droppable/#event-drop