jquery - 在页面中加载某些 div

Question

我正在尝试使用 ajax.load 在页面中加载某个 div

我的jQuery代码

$('nav ul li a').click( function() { 

   var pageHref=$(this).attr('href');

   $('.main_content').load(pageHref div);

return false;
});

Answer 1

它应该是：

$('.main_content').load(pageHref + " div");

Answer 2

你的div选择器应该是string

$('.main_content').load(pageHref + ' div');

Answer 3

ajax 用于在您的页面中加载外部页面。如果您想将 div 的内容加载到同一页面上的另一个 div 中，那么您应该考虑执行以下操作：

$('#id_of_destination_div').html($('#id_of_source_div').html());

在旁注中，您应该尝试清楚地说明您的问题。这个问题有点模棱两可。

Answer 4

 $('.main_content').load(pageHref div);

这里的语法不正确。不知道你想做什么，但假设你想加载整个pageHref并从中取出一个 div 应该放入$(".main_content")

在这种情况下，您应该像下面这样修改它：

 $('.main_content').load(pageHref + " div");

因此，例如，pageHref 等于“www.mysite.com/page.html”，而不是等于

 $('.main_content').load("www.mysite.com/page.html div");

（请参阅字符串连接。例如这里）

但请注意，div指定为选择器将返回页面上所有可用的 div，因此您可能会发现使用 id 选择器更好：

 $('.main_content').load(pageHref + " #some_id");

为了得到你需要的唯一元素。

如果您只想附加一些内容，您可以执行以下操作：

$('nav ul li a').click( function() { 
   var pageHref=$(this).attr('href');
   $.get(pageHref, function(res) {$(".main_content").append(res); });
   return false;
});

它将加载 pageHref 的所有内容并将其附加到 main_content