jQuery draggable/droppable：访问原始元素答案

【问题标题】：jQuery draggable/droppable: access to original elementjQuery draggable/droppable：访问原始元素
【发布时间】：2010-12-07 11:39:39
【问题描述】：

我将元素从一个无序列表拖到另一个：

$('ul#drag li').draggable({ helper: 'clone' });
$('ul#drop').droppable({
    drop: function (event, ui) {
        ui.draggable.sourceElement.css(... ...);
    }
});

我想在源列表中标记已经拖动的元素（但仍然允许拖动它们），如何通过jQuery链访问它们？

我想我可以在拖动的元素上设置id 属性，并且在放置时，克隆的元素将具有相同的id，我可以使用它来查找原始元素，但我确信有更好的解决方案.

【问题讨论】：

标签： jquery jquery-ui drag-and-drop jquery-ui-draggable

【解决方案1】：

我想知道为什么我第一次尝试时没有注意到以下工作：

ui.draggable.css('whatever');

甚至是documented:

ui.draggable - 当前可拖动元素，一个 jQuery 对象。

【讨论】：

有趣的问题变成了：对象再次拖出目标时如何去掉样式...
@xtofl：我使用data() 来存储放置事件时源元素的 id，当将元素拖出第二个列表（回到第一个）时，使用存储的数据来查找原始元素...

【解决方案2】：

e.target 指的是原始元素

【讨论】：

$(e.target).method() = 用 htmlnode 做任何事情