使用jquery将一个元素拖放到具有相同类的所有元素中
我正在jQuery中创建一个应用程序。我想拖动一个元素，然后使用jQuery一次将该元素放到具有相同类的一些元素中。我可以将id为draggable的元素拖动到类为droppable2的元素，即仅一个元素。我想用class使用jquery将一个元素拖放到具有相同类的所有元素中,jquery,html,Jquery,Html,我正在jQuery中创建一个应用程序。我想拖动一个元素，然后使用jQuery一次将该元素放到具有相同类的一些元素中。我可以将id为draggable的元素拖动到类为droppable2的元素，即仅一个元素。我想用classdroppable2删除所有元素。 有谁能为这些问题提供解决方案吗 <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
droppable2<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<style>
#draggable {
width: 100px;
height: 100px;
padding: 0.5em;
float: left;
margin: 10px 10px 10px 0;
}
.droppable2 {
width: 150px;
height: 150px;
padding: 0.5em;
float: left;
margin: 10px;
border:solid #000099;
}
</style>
<script>
$(function() {
$("#draggable").draggable();
$("#drop").droppable({
var contenthtml = $(this).html();
});
});
</script>
</head>
<body>
<div id="draggable">
<p>Drag me to my target</p>
</div>
<div class="droppable2" id="drop">
<p>Drop here</p>
</div>
<div class="droppable2">
<p>Drop here</p>
</div>
<div class="droppable2">
<p>Drop here</p>
</div>
</body>
</html>
#拖拉的{
宽度：100px；
高度：100px；
填充：0.5em；
浮动：左；
保证金：10px 10px 10px 0；
}
.droppable2{
宽度：150px；
高度：150像素；
填充：0.5em；
浮动：左；
利润率：10px；
边框：实心#000099；
}
$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#下降”）。可下降({
var contenthtml=$（this.html（）；
});
});
把我拖到我的目标
到这里来
到这里来
到这里来