Javascript 获取组件的放置目标

您好，我想在Drop事件之后获取Drop目标className/ID。有人告诉我怎么去吗？

<div class="drop_1" id="drop1"></div>

<div class="drop_2" id="drop2"></div>

<div class="drop_3" id="drop3"></div>

---

所有DIV组件都必须能够相互拖放

在拖放处理程序中使用this.id

---

@redsquare我的意思是你给定的@redsquare问题是获取删除目标类/Id名称，对吗？啊，可放下的！好的，你现在就明白了！

$( ".selector" ).droppable({
   drop: function(event, ui) {
       console.log(this.id);
   }
});

$(function() {

      ***/* Make draggable */***

        $(".drop_1, .drop_2, .drop_3").draggable();

        var dropOpts = {
        accept:".drop_1, .drop_2, .drop_3",
        drop:dropCallback,
        greedy:true
          };

    /* Droppable */

    $(".drop_1, .drop_2, .drop_3").droppable(dropOpts);

    /*get your Drop target*/

     function dropCallback(e) {
        alert("The firing droppable was " + e.target.className);
        }

    });