Javascript Jquery将元素放在另一个元素中，而不是放在后面

我有一些图片和一些元素，我可以在图片上拖放

<span name="imie" id="drag1" class="drag">
    <img name='aa' id='test' src="http://placehold.it/80x80/c9112d/fff&text=1" width="70px" height="20px" />
    </span>
    <span>Imię</span> 

<div class="col droppable">
    <div class="canvas">
        <img class="img-bg" src="test.jpg">
    </div>
    <div class="canvas">
        <img class="img-bg" src="test.jpg">
    </div>                    
</div>

我想问题出在

x.appendTo（'.droppable'）。但我无法应付。
和整个在线示例
您正在查找的
append

$( ".canvas" ).append( "<p>whateva</p>" );

$（“.canvas”）.append（whateva
”）；

Ref:
您正在查找的
附加

$( ".canvas" ).append( "<p>whateva</p>" );

$（“.canvas”）.append（whateva
”）；

参考：
您必须使您的
可拖放，而不是

尝试：

HTML:


或者，如果您想在
img
之前使用它，请尝试：

$(this).prepend(x);

您必须使您的
可拖放，而不是

尝试：

HTML:


或者，如果您想在
img
之前使用它，请尝试：

$(this).prepend(x);

您有两个
，应该添加到哪一个？@Barmar我想添加到当前已删除的画布画布画布不可删除，只有包含画布的DIV才可以。我在Droppable API中找不到一种方法来确定您在拖放时跳过了哪个子元素。您有两个
，应该添加到哪一个？@Barmar我想添加到当前拖放的画布画布画布不可拖放，只有包含它们的DIV是可拖放的。我在可拖放API中找不到一种方法来确定当你拖放时，你跳过了哪个子元素。它添加到最后的图像而不是第一个它添加到最后的图像而不是第一个
$(this).prepend(x);