Usando jQuery Load para obtener cierta parte de una página jQuery

Todos, estoy usando WordPress, así que sé que el contenido principal cae dentro de la siguiente división:

Estoy intentando usar la función de carga de jQuery para mostrar solo el contenido entre esas tags. ¿Cómo puedo decir el id del contenido pero el rol de main?

Intenté hacer lo siguiente:

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

Esto no muestra nada sin embargo. ¿Alguna idea sobre cómo hacer esto? ¡Gracias!

Prueba esto:

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

Estoy usando un selector de atributos, pero la única forma de usarlo sería si tuviera un “rol” diferente en diferentes circunstancias, pero realmente no tiene sentido agregar nada a un selector de ID

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

Si solo quieres lo que está dentro de #content usa $ .get

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

Cargue la página primero y luego tome el contenido:

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