Jquery 拖动一个包含文本的div，然后放到另一个div上以替换文本

我花了相当多的时间在书堆里搜索，试图找到这个问题的答案，但没有任何东西真正为我指明了正确的方向。我试图完成的是拖动div box A并将其放到div box B上，B中的内容将替换为A中的内容。我已使用jQuery UI站点中的一个经过修改的精简示例创建了一个小提琴，我知道.appendTo是我需要更改的内容，但我不知道要把它改成什么来取代现有的文本

$（函数（）{
$（“#警务处”）。可拖动（{
附：“身体”，
助手：“克隆”
});    
$（“#附表”）。可下拉（{
activeClass：“ui状态默认值”，
hoverClass:“ui状态悬停”，
接受：“：非（.ui可排序帮助程序）”，
drop:函数（事件，ui）{
$（this.find（“.placeholder”）.remove（）；
$（“”）.text（ui.draggable.text（））.appendTo（this）；
}    
});  
});

我们将一如既往地感谢您的帮助

谢谢你看我的问题。

请使用

$(this).empty();

而不是

$( this ).find( ".placeholder" ).remove(); 

这将在每次附加新元素时清除明细表

另一个选择是

$(this).html($("<span></span>").text(ui.draggable.text()));

$（this.html（$（“”）.text（ui.draggable.text（））；

太棒了！我真不敢相信这有那么简单，我试过在appendTo行的各种组合，但我没有想到这一个。它会让我在10分钟内标记正确，然后我会这样做。我的后续问题是，为了将其提交到MySQL数据库，我还必须使drop更改HTML代码以反映新名称是否正确？@PHaeLiX您是在drop上更新还是在单击按钮时更新？这将是在我单击按钮时更新。我正在编写一个日程安排应用程序，在一切就绪之前，我并不真正希望提交更改。除非你看到一个理由，即在drop上更新会更好，但是当我可以只调用一个时，似乎会有很多额外的调用到服务器上。@PHaeLiX你是在使用ajax提交吗？在你的例子中，在drop上更新没有多大意义。我本来打算使用PHP来提交，但我一直在研究如何使用Ajax来完成它，以便在将它发送到PHP进行第二次验证之前，我可以尝试验证所有内容是否已填写。如果我不在drop上更新HTML，当我去提交时，如何知道它当前是什么？

$(this).html($("<span></span>").text(ui.draggable.text()));