如何从& lt; body& gt;中删除除第一个以外的所有div使用jQuery吗? [英] How to remove all divs except the first one from <body> using jQuery?
本文介绍了如何从& lt; body& gt;中删除除第一个以外的所有div使用jQuery吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有html页面,我需要删除所有div,但id为"allPage"的div和id为"allPage"的div的所有内容除外.我有下一个代码:
I have html page and I need remove all div except the div with id="allPage" and except all content of div with id="allPage". I have next code:
<body>
<div class="page" id="allPage">
<div id="header">
<div id="title">
<h1><a href="/">here</a></h1>
</div>
<!-- Many other divs -->
</div>
</div>
<script type="text/javascript">
// Some script
</script>
<!-- Next div maked by dialog of jQuery -->
<div style="display: none; z-index: 100; outline: 0px none;" class="ui-dialog ui-widget ui-widget-content ui-corner-all alert" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-CreateWarehouse">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span class="ui-dialog-title" id="ui-dialog-title-CreateWarehouse">Create warehouse</span>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick"></span></a>
</div>
<div id="CreateWarehouse" class="ui-dialog-content ui-widget-content">
<div class="Editor ui-widget ui-widget-content" id="AddWarehouseInvoiceControl">
<form action="#" class="WarehouseInvoice">
<input type="hidden" class="Id" value="">
<!-- Some other elements -->
</form>
</div>
<input type="hidden" class="WICreationResult" value="0">
</div>
</div>
如果我使用它$("body > div:not(#allPage)").remove();
,我会收到下一个结果
If I use for it $("body > div:not(#allPage)").remove();
I receive next result
<body>
<div class="page" id="allPage">
...
</div>
<script type="text/javascript">
// Some script
</script>
<div id="CreateWarehouse" class="" style="display: none;">
<div class="Editor ui-widget ui-widget-content" id="AddWarehouseInvoiceControl">
<form action="#" class="WarehouseInvoice">
<input type="hidden" class="Id" value="">
<!-- Some other elements -->
</form>
</div>
<input type="hidden" class="WICreationResult" value="0">
</div>
如何删除ID为"="allPage"的div以外的所有div?
How can I remove all divs except the div with id="allPage"?
推荐答案
$('div').not('#allPage').remove();
或
$('div:not(#allPage)').remove();
这篇关于如何从& lt; body& gt;中删除除第一个以外的所有div使用jQuery吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文