使用jQuery Load获取页面的某些部分
全部,我正在使用Wordpress,所以我知道主要内容属于以下div:
我正在尝试使用jQuery加载函数来仅显示这些标记之间的内容。 我怎么能说内容的id但主角的作用?
我试着做以下事情:
page_url = $(this).attr("href"); $("#menu_content").load(page_url + ' #content main');
但这并没有显示任何内容。 关于如何做到这一点的任何想法? 谢谢!
试试这个:
$("#menu_content").load(page_url + ' #content[role="main"]');
我使用的是属性选择器但只有使用它的意思是,如果你在不同情况下有不同的“角色”,但是向ID选择器添加任何东西都没有意义
http://api.jquery.com/category/selectors/
如果你只想要#content里面的内容,请使用$ .get
$.get(page_url, function(data){ $("#menu_content").html( $(data).find('#content').html()); })
首先加载页面然后获取内容:
$('').load(page_url , function() { $('#menu_content').html($(this).find('#content').html()); });