如何使用jQuery删除所有父div

Question

如何使用jQuery删除所有父div

我有这样的div结构

<body>
  <div>
    <nav></nav>
    <nav></nav>
    <div>
      <div id=parent-conatiner>
        <div>
          <ul>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

Run Code Online (Sandbox Code Playgroud)

现在我想删除div #parent-container的所有父元素但不删除#parent-container div中的任何元素,我不想使用clone然后在body中包含元素因为我在里面使用了一些kendo控件当我使用克隆的div时,#parent-container和kendo控件停止工作基本上我不想使用以下逻辑

var $cloned=$('#parent-conatiner')
$('body').empty();
$('body').append($cloned);

Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激,谢谢

Answer 1

Shi*_*eph 5

使用以下方法,所有事件绑定都保持不变.

$('#parent-conatiner').parentsUntil('body').replaceWith($('#parent-conatiner'));

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，11 月前
查看次数：	203 次
最近记录：	8 年，6 月前