关于Jquery UI拖放：Jquery UI拖放 – 如何将拖动的内容拖放到父元素的选定目标（子）中

Jquery UI Drag and drop - How to drop dragged content into selected target(child) of parent elements

本问题已经有最佳答案，请猛点这里访问。

我有两个divs源(包含拖动元素)和目标(用于放置拖动内容的空间)。我已经设置了四列的行，并将其附加到目标DIV中，以便可以删除。您可以在http://jsfiddle.net/ylhvxv0d/5/中找到一个示例代码。所有这些都是在拖放的情况下工作的。但我的问题是"当我把一个内容拖到目标DIV的子目录中时，被拖的内容会附加到从父目录到所选子目录的整个树上"，所以请帮助我

1)如何将内容放到所选子元素中，而不放到父元素中

在下面找到我的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Name

Gender

Address


$(".draggable").draggable({
helper:"clone"
});

$('.droppable').droppable({
accept: '.draggable',
drop: function(e, ui) {
$(ui.draggable).clone().appendTo($(this));
}
});

从这个jfiddle中查找可执行代码

编辑：

我想根据选择在父元素和子元素中拖放。这些子元素根据用户输入动态附加到父DIV。例如，假设用户希望拖动元素并将其放到父DIV中，则必须将其放到父DIV中；如果用户希望将拖动元素放到子节点中，则只能将其放到子节点中。我想你们理解我的要求。这个问题和你提到的问题完全不同

击落事件三次。对于两个父母和一个孩子(所有人都有"Draggable"等级)。Add a class to the children，and check if the drop element have the right class:

HTML：

1
2
3
4
5
6

Name

Gender

Address

Drop event：

ZZU1

http://jsfidle.net/ylhvxv0d/8/。