我有一个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”));
