Использование jQuery Load для получения определенной части страницы

Question

Все, Я использую Wordpress, поэтому я знаю, что основной контент находится в следующем div:

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

Я пытаюсь использовать функцию загрузки jQuery для отображения только содержимого между этими тегами. Как я могу сказать идентификатор контента, кроме роли основного?

Я пытался сделать следующее:

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

Это ничего не показывает, хотя. Есть идеи, как это сделать? Спасибо!

Answer 1

Сначала загрузите страницу, а затем захватите содержимое:

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

Answer 2

Попробуйте это:

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

Я использую селектор атрибутов, но смысл этого использования был бы только в том случае, если у вас разные «роли» при других обстоятельствах, но на самом деле бессмысленно добавлять что-либо к селектору идентификаторов

http://api.jquery.com/category/selectors/

Если вы хотите только то, что находится внутри #content, используйте $ .get

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