我正在构建一个网站,我想用AJAX来替换HTML页面上的目标div中的内容,并使用其他HTML页面中包含的div的内容替换内容,并通过将链接更改为哈希并追加到现有url来进行导航。如何从一页上的div加载HTML内容到另一个页面上的多个div使用JQuery?
我可以使用下面的JQuery代码来实现这一点,使用> load()函数替换一个已定位的div:
$(document).ready(function(){
$('.sf-menu a').bind('click', function(){
var url = $(this).attr('href');
$("#middle .center .inner").load(url + ' #middle .center .inner > *');
return false;
});
});
但.load()是有限的,因为它不能定位多个元素,这就是我需要做的。
这将是理想的,如果我可以使用另一种方法来替换目标div中的内容.load的方式,但任何允许我用另一个页面的内容替换多个div中的内容的解决方案将受到欢迎。
看来我可以做的东西沿着这些路线:(在此包涵......新......)
$.get(URL, function(data) {
$("#content").html($(data).find('#middle .center .inner '));
$("#content").html($(data).find('#middle .right .inner '))
});
,但任何的例子我能找到的地方追加检索到的内容,这仍然让我需要删除现有的内容和我不知道如何着手
这时,有人建议我应该使用阿贾克斯这样的事情所以从一些例子我已经看到我在看类似:
$.ajax({
url: 'somepage.html',
dataType: 'html',
success: function(data) {
$('#middle .center .inner > *').html($(data).filter('#middle .center .inner').html());
}
但我不能让它起作用,所以我一定把它弄糟了。
任何关于我在做什么错的建议或我应该关注的地方?
对不起..不清楚..我的意思是暗指针对嵌套的div,即目标'.inner'嵌套在'.center'嵌套在'#middle'内,并且还有其他.inner div定位别处。这会使我的代码非常复杂吗?我应该给我想要定位唯一ID的DIV吗? – user2414560
@ User2414560看到我更新的答案 –
Got it!谢谢。 – user2414560