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

前端之家收集整理的这篇文章主要介绍了我如何使用jQuery.load来替换包含div的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div与“secondHeader”的id,我想替换整个div与另一个div,具有相同的id“secondHeader”,但不是替换它,它只是添加了第一个加载的div。
$("#secondHeader").load("/logged-in-content.html #secondHeader");@H_301_3@ 
 

这是发生什么…

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

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

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

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

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

…并使用.remove()之前…

有任何想法吗?

解决方法

我认为最好的方法是使用get而不是load。在你的情况下,你可以这样做:
$.get("/logged-in-content.html #secondHeader",function(data) {
     $("#secondHeader").replaceWith(data);
});@H_301_3@ 
 

[编辑:删除一个括号]

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

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

猜你在找的jQuery相关文章