ansaurus

Question

how to embed the whole <body> into a created new div with jQuery?

Answer 1

A:

try this:

$(document).ready(function() {
    var b = $("body");
    b.text("");
    b.append("<div id='container'>I'm a body-container</div>");
    b.append("<div id='footer'>i'm testing!</div>");
});

PS:- there was an error in your script on jsFiddle. Put ); at end.

Here is jsFiddle page

TheVillageIdiot 2010-08-20 03:44:02

thanks, i updated the code, but not 'update' the link :) it's not a root cause to make it fail...any way, thanks

Elaine 2010-08-20 05:31:43

I think 'wrap' is a good point, but the 'border' shows it wraps all the <html> into the <div>, that's why I created a <p> outside for a sample.. but this is not what I want..

Elaine 2010-08-20 05:32:50

Answer 2

A:

$(document).ready(function() { 
    $("body").html("<div id='container'>I'm a body container</div><div id='footer'>i'm testing</div>");
});

Basically use the html() function to replace all the HTML within the body.

JasCav 2010-08-20 03:52:07

-1 not a good implementation

Ninja Dude 2010-08-20 05:13:27

surely I don't want to do like this, it's of bad performance.. not a DOM reform, but just only a HTML push

Elaine 2010-08-20 05:30:36

@Avinash @Elaine - Thanks for the feedback. I'm still learning jQuery myself, so I like to try to answer questions, but I'm not always there with the best implementation. Thanks for the correction (and good answer Avinash).

JasCav 2010-08-20 14:14:35

Ninja Dude 2010-08-20 15:23:37

@jason :) it's ok

Elaine 2010-08-31 06:13:54

Answer 3

+2 A:

$(function() {
    $('body').wrapInner('<div id="bodyContainer"/>');
    $('<div />',{id:"footer",text :"i'm a footer"})
        .insertAfter('#bodyContainer');
});

This should do the job, Here is the Demo : http://jsfiddle.net/DeNjE/

Ninja Dude 2010-08-20 07:19:19

I think this is the right solution I want, thank a lot!sample -> http://jsfiddle.net/4AmdV/8/

Elaine 2010-08-20 08:12:17

ansaurus

tags:

views:

answers:

how to embed the whole <body> into a created new div with jQuery?

related questions