请教一个jquery拖动的有关问题，如何判断当前释放的是那个元素呢
请问一个jquery拖动的问题，怎么判断当前释放的是那个元素呢？
求教：遇到一个问题，要做一个div选择匹配的功能，用那个jqueryui中的拖动和释放组件（drag和drop），有四个答案div要拖动到四个问题div上，请问怎么判断当前是那个div放在目标div上？怎么让已经有div在上面的目标不再接受其他的div的释放？就是每个问题div上只能放一个答案div？
------解决思路----------------------
求教：遇到一个问题，要做一个div选择匹配的功能，用那个jqueryui中的拖动和释放组件（drag和drop），有四个答案div要拖动到四个问题div上，请问怎么判断当前是那个div放在目标div上？怎么让已经有div在上面的目标不再接受其他的div的释放？就是每个问题div上只能放一个答案div？
------解决思路----------------------
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.11.2.js"></script>
<script src="jquery-ui-1.9.2.custom.js"></script>
<style type="text/css">
.draggable {
float: left;
width: 75px;
height: 25px;
background: silver;
padding: 10px;
margin: 10px;
border: 2px red solid;
z-index: 2;
}
.dropbox {
top:50px;
float:left;
width: 125px;
height: 75px;
background: gray;
color: white;
padding: 10px;
margin: 10px;
border: 2px red solid;
}
</style>
</head>
<body style="font-size:62.5%;">
<div class="draggable">Drag me</div>
<div class="draggable">Drag me</div>
<div class="dropbox droppable" id="1" >Drop here</div>
<div class="dropbox droppable" id="2" >Drop here</div>
<div class="dropbox droppable" id="3" >Drop here</div>
<div class="dropbox droppable" id="4" >Drop here</div>
<script>
$(document).ready(function() {
var dropId = null;
$(".draggable").draggable();
$(".dropbox").droppable({
drop:function(){
if($(this).hasClass("droppable")){
dropId = this.id;
$(this).removeClass("droppable");
$(".draggable").draggable({
revert:false
})
}else{
$(".draggable").draggable({
revert:true
})
}
},
out:function(){
$(this).addClass("droppable");
}
});
});
</script>
</body>
</html>