更改可拖动的克隆元素答案

【问题标题】：Change cloned element on draggable更改可拖动的克隆元素
【发布时间】：2013-08-14 14:13:11
【问题描述】：

我在 JQuery UI 中使用可拖动功能。我想用这个代码更改我的克隆元素以更改我的克隆元素：

这是我的脚本代码：

$("li").draggable({
    helper:'clone',
    start: function(event, ui) {
        $(this).addClass("li-drag");
        $(this).addClass("ui-widget-content");
    }               
});

但是我的 $(this) 元素改变了原来的元素...

如何将克隆的元素更改为启动函数？

【问题讨论】：

标签： jquery jquery-ui jquery-ui-draggable

【解决方案1】：

DEMO

$("li").draggable({
    helper: 'clone',
    start: function (event, ui) {
        $(this).closest('ul').find('li:last').addClass("color_").addClass('li-drag').addClass("ui-widget-content");;
    }
});

当clone 被创建时，它是父对象中的最后一个对象，所以addClass 是我们可以做的克隆

$(this).closest('ul').find('li:last')

或

$(this).parents('ul').find('li:last')

或

$(this).parent().find('li:last')

【讨论】：