jquery - 更改可拖动的克隆元素

Question

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

这是我的脚本代码：

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

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

如何将我的克隆元素更改为启动功能？

Answer 1

演示

$("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')