Javascript 如何删除删除删除后jquery可拖动项的子项

我使用一个父li元素作为可拖动元素，这是我想要拖动的唯一元素，但是子ul及其子元素在删除li后仍然存在。所以问题是，一旦Dragable被成功删除，如何删除不再存在的项的子项（因为我没有还原） 简单列表：

<ul>
  <li class="draggable">Some text</li>
    <ul>
      <li class="child">More text</li>
      <li class="child">More text</li>
   </ul>
 </li>
<ul>

<div class="droppable">This is the drop zone</div>

一些文本

更多文本
更多文本



这是降落区

到目前为止，该代码还存在一些问题：

---

您可以在

start

事件中捕获父元素的上下文。删除元素后，您可以在

stop

事件中删除

start

事件中捕获的元素：

---

Na，在这个例子中，我想保留候选列表项，我想删除嵌套在它下面的另一个ul。（在这个例子中，是贾斯汀·吴和艾美·鲍文的名字）太棒了！我知道我错过了一些简单的事情。

$(function () {
    var $context = $();
    $(".contact-group").draggable({
        revert: false,
        refreshPositions: true,
        drag: function (event, ui) {
            ui.helper.addClass("draggable");
        },
        start: function (event, ui) {
            $context = ui.helper.parent();
        },
        stop: function (event, ui) {
            ui.helper.removeClass("draggable");
            ui.helper.removeClass("contact-group");
            $context.remove();
        }
    });
    $(".send_to").droppable({
        // ...
    });
});