Question

全部，我正在使用Wordpress，所以我知道主要内容属于以下div：

<div id="content" role="main">

我正在尝试使用jQuery加载函数来仅显示这些标记之间的内容。我怎么能说内容的id但主角的作用呢？

我尝试执行以下操作：

page_url = $(this).attr("href");
$("#menu_content").load(page_url + ' #content main');

但这并不显示任何内容。关于如何做到这一点的任何想法？谢谢！

Answer 1

试试这个：

 $("#menu_content").load(page_url + ' #content[role="main"]');

我使用的是属性选择器，但只有在使用这种情况时，如果你在不同情况下有不同的“角色”，那么向ID选择器添加任何东西都没有意义

如果你只想要#content里面的内容，请使用$ .get

  $.get(page_url, function(data){
   $("#menu_content").html( $(data).find('#content').html());
  })

Answer 2

首先加载页面，然后抓取内容：

$('<div/>').load(page_url , function() {
    $('#menu_content').html($(this).find('#content').html());
});