jQuery UI可拖动：在拖动停止处获取参考底图元素

是否可以获取被拖动元素的基线元素

我的具体任务是拖动

td

元素。如果触发dragstop事件，则我需要参考底图元素。基线元素也是一个

td

我怎样才能做到这一点

以下是我的HTML代码：

<table class="grid">
     <tr>
         <td class="value" colspan="4"></td>
         <td></td>
     </tr>
     <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
     </tr>
</table>

如果我用class

value

拖动

td

，并停止拖动，我希望

td

元素位于value元素下

---

提前感谢。

有一个简洁的小函数，可以找到特定函数中的元素：

document.elementFromPoint（x，y）

因此，我找到了一个很好的方法来确定该位置上的所有元素。我在代码中引用了这个答案：

$('.value').draggable({
    cursor: "move",
    containment: ".grid",
    snap: "td",
    start: function(event, ui) {
    },
    stop: function(event, ui) {

        var el = allElementsFromPoint(event.pageX, event.pageY);
        var td = $(el).filter('td').not($(this));
        td.css({'backgroundColor': 'red'});
    }
});


因此，函数将返回位于指定位置的所有元素。要获取所需的
td
请过滤元素，使其仅包含
td
s，并删除拖动的
td

参考



感谢您的解决方案。我对它做了一点修改，它就像一个魔术师！v、 好办法。。。但有时它返回-1值
var td
请在empiric上解决这个问题
$('.value').draggable({
    cursor: "move",
    containment: ".grid",
    snap: "td",
    start: function(event, ui) {
    },
    stop: function(event, ui) {

        var el = allElementsFromPoint(event.pageX, event.pageY);
        var td = $(el).filter('td').not($(this));
        td.css({'backgroundColor': 'red'});
    }
});