Javascript 检测拖放中的父元素

我正在编写一个棋盘游戏脚本，并希望使用jQueryUI的拖放功能。 当我将一个元素从内部diva拖动到内部divb时，是否有一种方法可以将divb作为元素的新容器来读取

$( ".draggable" ).draggable({
    stop: function() {
        alert(this.parentNode.id); // alerts DIV A's id
    }
});

警报（$（this）.closest（'div'）.attr（'id'））

试试这个

警报（$（this）.closest（'div'）.attr（'id'））

---

试试这个

如果不将div b声明为可拖放，实际上就不会将div a放在div b中。您只是通过移动分区a来更改其位置

试试这个，将div b声明为dropable

 $("#b").droppable();
 $("#a").draggable();

$( "#b" ).droppable({
    drop: function( event, ui ) {
        alert($(this).attr("id"));
    }
});

---

如果不将div b声明为可拖放，那么实际上并不是将div a拖放到div b中。您只是通过移动分区a来更改其位置

试试这个，将div b声明为dropable

 $("#b").droppable();
 $("#a").draggable();

$( "#b" ).droppable({
    drop: function( event, ui ) {
        alert($(this).attr("id"));
    }
});