如何从& lt; body& gt;中删除除第一个以外的所有div使用jQuery吗? [英] How to remove all divs except the first one from <body> using jQuery?

查看:95
本文介绍了如何从& 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();

这篇关于如何从&amp; lt; body&amp; gt;中删除除第一个以外的所有div使用jQuery吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆