Javascript 如何检测正在拖动哪个div

我有一个库存部门，里面有多个部门。我需要弄清楚要拖哪个插槽，这是我的代码。拖动div时，我必须将所选插槽设置为库存类中的该插槽。我不能让它工作

var numOfSlots = 6;

for(var i = 1; i <= numOfSlots; i++){
  $("#slot"+i ).draggable({
      zIndex: UIlayer++
      start: function(){
         var thestring = $(this).attr('id');
         var thenum = thestring.replace(/^\D+/g, '');
         self.setSelectedSlot(thenum);
    }

  $("#slot" + i).data({
      'initLeft': $("#slot" + i).css('left'),
      'initTop': $("#slot" + i).css('top')
  });
}

var numOfSlots=6；
对于（var i=1；i类似这样的东西

$("#slot"+i ).draggable({
zIndex: UIlayer++,
start: function(event){
    var element = event.target;
     var thestring = $(this).attr('id');
     var thenum = thestring.replace(/^\D+/g, '');
     self.setSelectedSlot(thenum);
}

$("#slot" + i).data({
'initLeft': $("#slot" + i).css('left'),
'initTop': $("#slot" + i).css('top')
});

我不确定是否能完全满足你的要求，但是你呢

html:

将根据您拖动的div将1或2记录到控制台。
请添加您的代码，以便我们进一步帮助您。调试器似乎不起作用。调试器像以前一样出现。我想这就是他要查找的全部内容。实际上，我的代码已经起作用了，问题是我单击了暂停，如果意外事件源中发现异常。gam当它在JQuery中捕获到一个异常时，e正在暂停，我认为这是我的代码中的一个错误
<div class="slot" data-id="1">1</div>
<div class="slot" data-id="2">2</div>

$(".slot" ).draggable();

$(".slot").on("dragstop", function() {
   console.log($(this).data("id")); 
});