我如何使用jQuery.load来替换包含div的div

我有一个div与“secondHeader”的id，我想替换整个div与另一个div，具有相同的id“secondHeader”，但不是替换它，它只是添加了第一个加载的div。

$("#secondHeader").load("/logged-in-content.html #secondHeader");

这是发生什么…

<div id="secondHeader"><div id="secondHeader"></div></div>

我想要发生的是从ajax负载的secondHeader div完全替换在初始页中的secondHeader。

我知道这听起来很蠢，但这里是我想完成…当用户没有登录，他们看到一个非登录头。我使用ajax允许该人登录到网站，我想替换非登录头与通过ajax登录一个。

我试过我知道的一切，如…

$("#secondHeader").replaceWith($("#secondHeader").load("/logged-in-content.html #secondHeader"));

…并使用.remove()之前…

有任何想法吗？

解决方法

我认为最好的方法是使用get而不是load。在你的情况下，你可以这样做：

$.get("/logged-in-content.html #secondHeader",function(data) {
     $("#secondHeader").replaceWith(data);
});

[编辑：删除一个括号]

更新：
如果/logged-in-content.html不仅仅是你需要的代码，你可以将返回的数据包装在另一个jQuery对象中，并使用.find()来提取容器。
尝试这个：

$(“#secondHeader”)。replaceWith($(data).find(“#secondHeader”));