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