在jQuery中,将一个元素从其父元素"移动"到另一个元素的正确方法是什么？

Question

使用jQuery 1.4和jQueryUI 1.8

具体来说,我正在使用draggables/droppables,并且在删除时,我想将可拖动(它的子项,事件等)从属于其父元素移动到附加/添加为放置目标的子项.

我知道在droppable drop选项中,我可以提供以下回调:

function(event, ui) {
    // stuff
}

$(this).target将放置目标放在哪里,并且ui.draggable将是我想移动的子元素 - 但我不确定实际执行移动,保留事件等的正确方法.

Answer 1

append() 将删除元素并将其放在您想要的位置.

$(this).target.append(ui.draggable);

// or, if $(this).target is not a jQuery object

var target = $(this).target;
$(target).append(ui.draggable);