jQuery not（）函数不适用于所有元素

debugcn 发表于 Dev

用户名

我正在使用jquery不删除元素的html。我没有以适当的方式使jQuery not（）无法正常工作。它删除了孩子中除我提到的最后一个元素之外的所有元素。

我的HTML -

<body>
    <div id="edit-save-section">
        <button id="edit-button" class="btn btn-info btn-large">
            <span><i class="fa fa-cog"></i>&nbsp;EDIT</span>
        </button>
        <button class="division-twenty btn btn-success btn-large" data-loading-text="Saving..." class="btn btn-primary" id="btn_save"><span><i class="fa fa-save"></i>&nbsp;SAVE</span>
        </button>
    </div>

    <nav id="menu">
        <ul>
            <li><a href="javascript:;">Link1</a>
            </li>
            <li><a href="javascript:;">Link2</a>
            </li>
            <li><a href="javascript:;">Link3</a>
            </li>
            <li><a href="javascript:;">Link4</a>
            </li>
        </ul>
    </nav>

    <div class="removable-section">

        <a href="javascript:;" class=" pull-right span1 handle" rel="tooltip" title="Arrange section" data-placement="left"><b><i class="fa fa-arrows fa-2x"></i></b></a>
        <a class="span1 pull-right remove-section-action" rel="tooltip" title="Remove section" data-placement="left" href="javascript:;"><b><i class="fa fa-times fa-2x"></i></b></a>
    </div>

    <div id="allhtml"></div>
</body>

用jQuery-清除HTML

 $('#btn_save').click(function () {
     var notAll = $('body').children().not("#menu", ".removable-section", "#edit-save-section").html();
     $('#allhtml').append(notAll);
     console.log($('#allhtml').html());
 });

我设法以某种方式删除了#menu和.removable-section，但无法删除#edit-save-section

如果我尝试更改这些部分的顺序，例如-

 var notAll = $('body').children().not("#menu","#edit-save-section",".removable-section").html();

然后，它表现得很奇怪。它不会从体内删除在html结构中找到的最后一个孩子。这里是这种情况.removable-section。

让我知道我做错了什么？

mph幸

您还可以使用JQuery Clone实现此目的

$('#btn_save').click(function () {
     var notAll = $('body').clone(true);
     notAll.find("#menu").remove();
     notAll.find(".removable-section").remove();
     notAll.find("#edit-save-section").remove();
     $('#allhtml').append(notAll);

 });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。