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

Question

使用jQuery 1.4和jQueryUI 1.8

具体来说，我正在使用可拖动/放置功能，当它被放置时，我想将可拖动的元素（包括其子元素、事件等）从属于其父元素移动到附加/添加为放置目标的子元素。

我知道在放置选项drop中，我可以提供以下回调：

function(event, ui) {
    // stuff
}

在这里，$(this).target 表示拖放目标，ui.draggable 表示要移动的子元素 - 但我不确定实际执行移动的正确方法，包括保留事件等。

- anonymous coward

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);

- Stephen

Answer 2

只需使用.append()、.appendTo()、.prepend()或.prependTo()即可。分离部分是隐含的。(我通过将jQuery操作文档中的条目重新父级化到彼此来测试了这一点。)

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

- chaos