ansaurus

Question

How to replace all content of <body> but a <div> with jquery ?

Answer 1

+6 A:

Try this:

$('body > *:not(div#do-not-modify-me)').whateverYouWantToDo();

Edit: Added >

Blixt 2009-06-10 15:24:44

Using the firebog live shell, I typed : console.log(jQuery("body > *:not(div#do-not-modify-me)").html()); and got only "Title". I find it very strange because your answer seems quite reasonable.

e-satis 2009-06-10 15:34:10

Note that it will only look at the level directly below the body tag. Check the HTML tab in Firebug and open the body tag. The list you get is the same list that jQuery will fetch, excluding the element in the :not filter. I tried it and it works as expected.

Blixt 2009-06-10 15:38:53

Yep, I understand that. I'm going to try in the page, without the live shell to see if it works.

e-satis 2009-06-10 15:44:49

Nope, same result ! I got the content of the h1 tag. But the div is just under the body tag.

e-satis 2009-06-10 15:48:16

The funny part is that $('body > *:not(div#do-not-modify-me)').remove() works exactly as expected...

e-satis 2009-06-10 15:50:04

Most likely you were calling a single node method on a node collection, which always results in the result of calling the method on the first node in the collection.

Blixt 2009-06-10 15:56:57

That makes sense. Validated :-) Thanks for that ! For a bonus point, how would you make this a jquery context so I can use jQuery(selector, context), making the filtering operation invisible. For now, if I do that, selector will select on the child of the child of body, which I'm not interested in.

e-satis 2009-06-10 16:55:28

Made it another question : http://stackoverflow.com/questions/977185/turning-a-complex-jquery-css-selector-into-a-context-for-caching/977224#977224

e-satis 2009-06-10 18:07:01

Answer 2

A:

If you are wanting to replace everything, but leave your div intact, you can capture the current content of the div first, then replace the entire body, then put your div back into the document.

I hope that made sense...

rikh 2009-06-10 15:27:14

Doing that will involve remove, that would detach all events, wouldn't it ?

e-satis 2009-06-10 15:35:23

Answer 3

A:

If your div is top-level, you can iterate over all the children of body and remove them one by one excepting your div.

Mr. Shiny and New 2009-06-10 16:47:01

ansaurus

tags:

views:

answers:

How to replace all content of <body> but a <div> with jquery ?

related questions