Удаление DIVs в диалоге jquery

Question

У меня есть диалоговое окно, которое использует URL для своего содержимого

{

function(){jQuery.ajax({'success':function(html) {
        jQuery('#menu_dialog').html(html);
        $('#menu_dialog').dialog('open');
        $('#header').hide();
       },'url':'/testing/index.php/menu','cache':false});return false;};

}

Что происходит, так это то, что она отображает всю страницу, включая верхний колонтитул, нижний колонтитул, меню навигации и т. Д. Я хочу, чтобы диалоговое окно отображало содержимое только внутри тега <content>.

Как я могу удалить ненужные div в диалоговом окне?

Answer 1

Вместо того, чтобы брать свои данные и использовать их напрямую, получите только то, что вам нужно:

// you had: jQuery('#menu_dialog').html(html);
var newPage = jQuery(html);
jQuery('#menu_dialog').empty().append(newPage.find('#content'));

Answer 2

Я думаю, что это может сработать

$("#menu_dialog").children().not("content").remove();