拖放；使用Jquery删除

我了解如何运行基本的拖放操作，网上有很多教程。但是，我需要实现的是拖动一个元素，例如从列表中拖动一个项。但当我把这个元素放到一个目标DIV中时，我需要删除其他东西，它们是被拖动元素的属性

---

例如，我从DIV1中拖动了一个练习的名称，但当我将其放入DIV2中时，我将该练习的图像、描述、集合和重复放入各自的div中，这些div是父可拖放DIV2的同级ndivs。

您可以使用jquery UI完成此任务

jQuery用户界面代码（Javascript）：

$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#可拖放”）。可拖放({
drop：函数（事件、用户界面）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“p”）
.html（“已删除！”）；
}
});
});

HTML代码：

<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>

把我拖到我的目标

到这里来

你也可以参考

<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>