Question

我在导航中有一个无序的链接列表，如下所示：

<ul class="main-nav-child">
   <li><a href="/collections/1">collection one</a></li>
   <li><a href="/collections/2">collection two</a></li>
   <li><a href="/collections/3">collection three</a></li>
</ul>

点击后，我将使用此代码段将每个链接的html输出加载到名为.main-content的容器中：

$('ul.main-nav-child a').bind('click', function(e) {           
  var url = $(this).attr('href');
  $('.main-content').load(url); // load the html response into a DOM element
  e.preventDefault(); // stop the browser from following the link
});

问题：我只想加载链接中某个元素的内容，而不是整个页面。每个页面都有一个名为.main-content的元素，我想通过ajax抓取它并将其显示在页面上，再次在.main-content

中

非常感谢有关如何过滤.load()的任何指导。

Answer 1

您应该能够引用选择器（docs）;

var url = $(this).attr('href');
$(".main-content").load(url + " .main-content");

请注意，如果您的网页中不存在.main-content，则无需提出请求。同样，如果目标页面中不存在.main-content，则不会返回任何内容。

来自内部链接的AJAX加载元素

1 个答案: