删除可拖动对象jquery ui

我有可拖动的对象，如何添加“删除”按钮来删除此对象？

举个例子：

$(<your draggable objects selector>).append('<div class="close">close</div>');
$('.close', <your draggable objects selector>).click(function() {
    $(this).parent().remove();
});

$（）.append（'close'）；
$（'.close'，）。单击（函数（）{
$（this.parent（）.remove（）；
});

假设一些HTML结构如下

<div class="draggable-container">

    <div class="close">
    </div>

</div>

.draggable-container
{
    position:relative;
}

.close
{

    position:absolute;
    left:10px;
    top:10px;
    cursor:pointer;

}

$('.draggable-container .close').click(function(){
   //implement close here
   // eg: $(this).closest('.draggable-container').fadeOut();
});

.拖拉式集装箱
{
位置：相对位置；
}
.结束
{
位置：绝对位置；
左：10px；
顶部：10px；
光标：指针；
}
$（'.draggable container.close'）。单击（函数（）{
//靠近这里
//例如：$（this）.closest（'.draggable container'）.fadeOut（）；
});