Javascript Jquery可拖动，拖动后检查div内容

我有两组div第一组和第二组。当我拖动“#container”中的所有div时，我应该删除组的名称。我试图在Stopevent上检查div的长度，但它显示了相同的内容。我每次都有不同数量的div，因为我是从数据库中获取的。有人能帮我吗

$（文档）.ready（函数（）{
$（'.box'）。每个（函数（）{
$（'.box'）。可调整大小({
安全壳：“#容器”，
停止：函数（）{
} ,
});
});
$（'.box'）。每个（函数（）{
$（“.box”）.draggable（{
回复：“有效”，
安全壳：“#容器”，
拖动：函数（）{
var top=$（this）.offset（）.top；
var left=$（this）.offset（）.left；
$（“#top”）.html（top）；
$（“#左”）.html（左）；
},
停止：函数（）{
$（this.css（{position:'absolute'}）；
警报（$（'.check'）.nextAll（）.length）；
警报（$（'.check'）.nextUntil（'.check'）.length）；
},
}); 
});
});
#容器{
高度：750px；
边界：5px山脊#2929；
}
.盒子{
背景：绿色；
光标：移动；
顶部：780px；
}

第一组div









第二组div









检查如下重新定义元素的长度

        var a=0, b=0;
    $('.check .ui-draggable').each(function() {
       if($(this).css("position") == "relative") {
          a++;
        }
    })
    if (a===0) {
       $(".group2").hide();
    }
     $('.check1 .ui-draggable').each(function() {
       if($(this).css("position") == "relative") {
          b++;
        }
    })
    if (b===0) {
       $(".group1").hide();
    }


$（文档）.ready（函数（）{
$（'.box'）。每个（函数（）{
$（'.box'）。可调整大小({
安全壳：“#容器”，
停止：函数（）{
},
});
});
$（'.box'）。每个（函数（）{
$（“.box”）.draggable({
回复：“有效”，
安全壳：“#容器”，
拖动：函数（）{
var top=$（this）.offset（）.top；
var left=$（this）.offset（）.left；
$（“#top”）.html（top）；
$（“#左”）.html（左）；
},
停止：函数（）{
$（this.css）({
位置：'绝对'
});
var a=0，b=0；
$（'.check.ui draggable'）。每个（函数（）{
if（$（this.css（“位置”）=“相对”）{
a++；
}
})
如果（a==0）{
$（“.group2”）.hide（）；
}
$（'.check1.ui draggable'）。每个（函数（）{
if（$（this.css（“位置”）=“相对”）{
b++；
}
})
如果（b==0）{
$（“.group1”）.hide（）；
}
},
});
});
});
#容器{
高度：750px；
边界：5px山脊#2929；
}
.盒子{
背景：绿色；
光标：移动；
顶部：780px；
}

第一组div









第二组div









您可以使用以下方法：

已更改停止中的代码：

stop: function(){
     $(this).css({position:'absolute'});
     if($('#firstgroupdiv').nextUntil('#secondgroupdiv').not('.dropped').length == 0){
       $('#firstgroup').hide();
     }
     if($('#secondgroupdiv').nextUntil('#thirdgroupdiv').not('.dropped').length == 0){
       $('#secondgroup').hide();
     }

 },

在拖动项之后，添加了类：

drag: function() {
    var top = $(this).offset().top;
    var left = $(this).offset().left;
    $("#top").html(top);
    $("#left").html(left);
    $(this).addClass('dropped');
},

在HTML中添加ID以标识div。您可以在演示中看到。
ID
s在您的计算机上必须是唯一的DOM@GeorgeBailey实际上，当我从数据库中获取它时，我有不同的ID。