[英]how to remove all the parent div using jQuery
我有這樣的div結構
<body>
<div>
<nav></nav>
<nav></nav>
<div>
<div id=parent-conatiner>
<div>
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</body>
現在我想刪除div #parent-container的所有父元素,但不刪除#parent-container div中的任何元素,我不想使用clone然后在body中包含元素,因為我在里面使用了一些kendo控件當我使用克隆的div時,#parent-container和kendo控件停止工作基本上我不想使用以下邏輯
var $cloned=$('#parent-conatiner')
$('body').empty();
$('body').append($cloned);
任何幫助將不勝感激,謝謝
使用以下方法,所有事件綁定都保持不變。
$('#parent-conatiner').parentsUntil('body').replaceWith($('#parent-conatiner'));
使用jquery unwrap()
函數
或使用克隆方法和eventdelegate kendo控件
另一種解決方案是:
$('body').append($('#parent-conatiner'));
$('body div:last').prevAll().remove();
但這應該是像克隆一樣的問題
另一個選擇是detach()
var el = $('#parent-conatiner').detach();
$('body').empty().append(el);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.