Jquery navigation using html()

Question

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

    });

How to clear all other thing except the .content so it's like u nagivated to a new page? I tried above code but my logic flawed. I'm new to jquery.

.empty(''); should be .empty(); Also note than once you .empty() the body element, there's nothing more to retrieve, so yoru latter var post = will not get any desired element. — Roko C. Buljan
– Roko C. Buljan, Commented Dec 30, 2014 at 2:44

Musa · Accepted Answer · 2014-12-30 02:37:07Z

1

Maybe you can detach the node before clearing the page then append it back.

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

edited Dec 30, 2014 at 2:37

answered Dec 30, 2014 at 2:32

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ivy ong Over a year ago

ah the .css() doesn't fire.

ivy ong Over a year ago

What if I want to go back?

Roko C. Buljan Over a year ago

@Musa :D "rel.the page" made my day! :)

ivy ong Over a year ago

bad UX, I think I better do a popup

Nicola Ferraro · Accepted Answer · 2014-12-30 02:31:11Z

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

answered Dec 30, 2014 at 2:31

Nicola Ferraro

4,2196 gold badges32 silver badges61 bronze badges

Collectives™ on Stack Overflow

Jquery navigation using html()

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related