Javascript jQuery选择除子对象的子div之外的所有内容

我有以下HTML内容：

<div class="content">
    <div class="div-content">
        <div>
            <div class="div-botoes">
                <input id="bt1" type="button" tabindex="0" value="bt1">
                <input id="bt2" type="button" tabindex="0" value="bt2">
            </div>
            <ul class="divFormArea">
                <li id="li1">
                    <span><span>span</span></span>
                    <div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="li2">
                    <span><span>span</span></span>
                    <div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="li3">
                    <span><span>span</span></span>
                    <div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div> lorem ipsum </div>
                        </div>
                        <div>
                            <div> lorem ipsum </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                            <div>
                                <div> lorem ipsum </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="li4">
                    <span><span>span</span></span>
                    <div>
                        <div id="dontWantThisDiv" class="dont-want-this-div">
                            <div>
                                <div>
                                    Elements
                                </div>
                            </div>
                            <div>
                                Elements
                            </div>
                        </div>
                        <script id="script">
                            ScriptContent
                        </script>
                    </div>
                </li>
            </ul>
            <span><span><span>a</span>c<span>b</span></span>d</span>
        </div>
    </div>
</div>

跨度
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文


跨度
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文


跨度
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文


跨度
元素
元素
脚本内容


acbd

我想使用一个jQuery 1.9.1选择器，它可以为我带来除div

之外的所有内容

我尝试了很多选择器，但似乎没有人选择我想要的。这里有一个
，因为您希望返回整个DOM而不返回特定的子节点，所以不管您是否删除子节点，您的结果实际上都只包含单个顶级节点（
）

如果允许您更改HTML内容本身，那么使用
$（“#dontWantThisDiv”）.remove（）将更容易
从DOM中删除该节点并保留其他所有内容

如果不允许您更改HTML内容，那么可以详细说明您的场景，我们可以看看是否有更有效的技术来实现它。
如果您想在.content下获取除#dontWantThisDiv之外的所有元素，而不是选择器，您可以尝试以下操作：-

var cloneHtml = $( ".content" ).clone().find('#dontWantThisDiv').remove();
console.log(cloneHtml.html())

您是不想要
#dontWantThisDiv的子元素
还是不想要那一个div？您是否尝试过查看类似的内容：
$（'.content，.content*：not（#dontWantThisDiv）
？如果您选择了子元素的父元素，即使您没有选择子元素本身，所选父对象的html仍将包含子对象的html。那么，将不需要的内容全部丢弃如何？它不会从dom中删除原始html内容，但您将获得除特定div及其子项之外的所有内容。好的，我将尝试。如果我仍然可以绑定（对于Telerik的剑道用户界面），我将使用你的建议：）它不起作用。当我删除这个我不想要的div时，LIs和UL以及其他div也会被删除：（我制作了一些东西，哈哈哈……这只是像我要求的那样删除了DIV，但是……当我调用剑道UI绑定时仍然不起作用。但我不知道为什么：/总之，非常感谢你的回答。不幸的是，我无法修改DOM。我正在使用Telerik的剑道UI，我需要绑定DOM，而没有该DIV，否则它将抛出一个异常。）但我需要DOM的那部分因为我要把它和另一个剑道可观测对象绑定在一起