jquery - 使用 jQuery 的 .load() 加载页面片段但只获取选择器的内容

Question

我正在使用 jQuery 的.load()页面片段方法重新加载我的页面：

$("#submit").click(function() {
    $("#box").load('/ajax/box/ #box');
});

它可以工作，但是这会导致错误，因为在加载内容之后。由于这个函数本质上是使用.innerHTML它来替换 my 内部的代码div。HTML 结果如下所示：

<div id="box">
    <div id="box">
        <!-- this is my page -->
    </div>
</div>

我尝试使用.parent()但删除div了父级中的所有其他 s。

$("#submit").click(function() {
    $("#box").parent().load('/ajax/box/ #box');
});

本质上这就是我想要做的（我知道下面的代码是无效的，但这代表了我想要完成的事情）：

$("#submit").click(function() {
    $("#box").load('/ajax/box/ $('#box').html()');
});

#box有没有办法让我代替#box？
要记住的一件事是我无法编辑 HTML，所以这需要只使用 jQuery。

Answer 1

> *后面加上#box

$("#submit").click(function() {
    $("#box").load('/ajax/box/ #box > *');
});