javascript - 如何获得可拖动元素掉落的值？

Question

我现在正在开发一个可以将元素拖放到表格单元格(每个单元格都有其“ID”)的网站

现在我可以将元素拖放到单元格中，但我想知道

• 如何获取放置元素的表格单元格的 ID？

这是图片的概念。

假设单元格的 ID 是行号和列号的组合。

Answer 1

首先您需要重命名您的 ID，因为 ID 不能以数字开头。您至少需要一个字母，例如“ID11”“ID12”...

那么细胞是什么？分区？ TD？输入？

你能给我一个jsfiddle吗？ ？

-编辑。

你需要这样的东西:

jsfiddle

您只能将脚本更改为:

$(function() {
    $("#draggable").draggable({ snap: ".drop"});
    $(".drop").droppable({
        drop: function(event, ui){
         console.log("Dropped to" + $(".drop").attr("id"));
            $( this )
            .addClass( "ui-state-highlight" )
            .find( "p" )
            .html( "Dropped!" );
    }
  });
  });