2013-05-01 12 views
8

ora! Mi vuole buttare questa brutta div in cima alla mia pagina direttamente sotto <body>Append elemento superiore del corpo in jQuery

<div id="fb-root"></div> 

vorrei evitare questo posto, aggiungendo che tramite JavaScript .

.append('<div id="fb-root"></div>'); 

Questo lo posiziona in fondo alla pagina.

</head> 
<body> 
    <header>test</header> 
    <div id="fb-root"></div> 
</body> 

Come posso "aggiungerlo" in alto?

</head> 
<body> 
    <div id="fb-root"></div> 
    <header>test</header> 
</body> 
+0

possibile duplicato di [javascript: come aggiungere div in "inizio" di un altro div] (http: // stackoverflow.com/questions/15110484/javascript-how-to-append-div-in-begining-of-another-div) –

+0

Sono curioso - perché vuoi farlo tramite JavaScript? L'elemento finirà nel tuo DOM/markup in entrambi i casi. – jamauss

+0

@jamauss, sto bene finendo nel mio DOM per ulteriori manipolazioni; ma non sto bene andando davanti al mio tag 'header'. Credo fermamente nel seguire gli standard di struttura del W3C. –

risposta

21

Uso prepend metodo:

$('body').prepend('<div id="fb-root"></div>'); 
+0

non è supportato da IE o Edge. – Longblog

1

È possibile utilizzare

$('#fb-root').detach().insertBefore('body>*:first');