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()); });