Javascript JQuery:删除当前选定的div

我正在使用JQuery的

draggable（）

和

droppable（）

函数，试图删除当前选择的DIV时遇到问题

每次我将一个对象拖到我的#画布上时，一个新的DIV被附加到#画布上，并且

.newLetter

类被添加到其中。我的HTML如下所示：

HTML:

<div id="canvas">
    <div id="trash"></div>
    <div class="newLetter"></div>
    <div class="newLetter"></div>
    <div class="newLetter"></div>
    ...
</div>

// Delete Letters
$("#trash").droppable({
    accept: '.newLetter',
    drop: function(event, ui) {
        $(".newLetter").remove();
    }
});

我尝试了以下所有操作，但没有一个有效：

$(this).remove();
$(".newLetter", this).remove();
$(this).sibling().remove();
$(this).parent().remove();
$(this).(".newLetter").remove();
$(this).closest().remove();
$(this).closest().sibling().remove();

我相信我已经用尽了一切可能。任何想法？？？

在中，您可以使用

ui.draggable

$("#trash").droppable({
    accept: '.newLetter',
    drop: function(event, ui) {
        $(ui.draggable).remove();
        //or even ui.draggable.remove(); since ui.draggable is a jQuery object
    }
});

在中，可以使用

ui.draggable

$("#trash").droppable({
    accept: '.newLetter',
    drop: function(event, ui) {
        $(ui.draggable).remove();
        //or even ui.draggable.remove(); since ui.draggable is a jQuery object
    }
});

---

天才我早该想到的！它工作得很好。谢谢是否有可能不止一个元素同时拥有ui.draggable类？@Keven

ui.draggable

不是类名，而是jQuery包装器对象。。因此，它将始终代表当前拖动的elementGenius！我早该想到的！它工作得很好。谢谢是否有可能不止一个元素同时拥有ui.draggable类？@Keven

ui.draggable

不是类名，而是jQuery包装器对象。。因此，它将始终表示当前拖动的元素