0

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

<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应该class=droppable从结构中的每个位置删除 with ，而结构的其余部分保持不变。

我使用.unwrap()andreplaceWith()函数进行了尝试，但似乎没有按预期工作。

var menuHtml = $('#addMenu').html();
menuHtml = '<ol id="toRmv">'+menuHtml+'</ol>';

$('#'+IdParent+' .navigationInner').html(menuHtml);
var newHtml = $('#'+IdParent+' .navigationInner').html();

$menuHtml = $("#toRmv div.droppable > a").unwrap();

$('#'+IdParent+' .navigationInner').html($menuHtml);

怎样才能实现呢？

4

1 回答 1

1

如果你想div从锚点周围移除 droppable，那么：

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

实例| 资源

于 2013-02-25T09:44:28.197 回答