Javascript 在jquery中使用“unwrap”删除直接父级

我有一个html结构，用户可以使用它为html模板创建导航或菜单。用户可以拖放并创建菜单和子菜单。当他单击“更新”时，菜单会随着所做的任何更改而更新。这是动态构建的，html ceated如下所示

<ol class="sortable ui-sortable" id="addMenu">
 <li>
  <div class="droppable ui-droppable">
   <a href="javascript:void(0);">Menu1</a>
  </div>
  <ol>
   <li style="display: list-item;">
     <div class="droppable ui-droppable">
       <a href="javascript:void(0);">Menu2</a>
     </div>
   </li>
  </ol>
 </li>
 <li>
    <div class="droppable ui-droppable">
      <a href="javascript:void(0);">Menu3</a>
    </div>
 </li>

---

如何实现此目标？

如果要从锚点周围移除可拖放的

div

，则：

$("#addMenu div.droppable > a").unwrap();

---

|

这里的

$（this）

指的是什么？

$（this）

是我上面提到的html内容？

li

？

div

？您需要向我们展示更多的上下文。@Eric我已经更新了问题。提到的上下文就是我使用的上下文。我们正在尝试使用此结构构建导航。@Eric感谢Eric的输入！我已经用你添加的解决方案更新了这个问题，但在我的上下文中，它取消了除锚定标签之外的所有家长的包装。这就是我们得到的<代码>

$("#addMenu div.droppable > a").unwrap();