使用html（）进行Jquery导航

Question

    $('.page').on('click',function(){
       $(this).next('.content').css('display','block');
           $('body').empty('');
           var post = $(this).next('.content').css('display','block');
           post.appendTo('body');

    });

如何清除除.content之外的所有其他内容，以便它就像是一个新的页面？我试过上面的代码，但我的逻辑有缺陷。我是jquery的新手。

Answer 1

$('.page').on('click',function(){
   $('body').empty();
   // you have just deleted the page, how would you find other objects in the page ?
   // $(this).next('.content').css('display','block');
   // Try to .append new elements to the body
});

Answer 2

也许您可以在清除页面之前分离节点，然后将其追加。

$('.page').on('click',function(){
   var content = $(this).next('.content').detach();
   $('body').html('').append(content.css('display','block'));
});