Question

可以找到JS小提琴here。我有两组div，一组可以是draggable，另一组是droppable。我正在尝试在数组中添加span元素内的文本，以便导致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 example

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

使用jQuery Droppable在div内部的span标签的警报文本

3 个答案: