como hago esto?

[drakken]

saludos,


tengo un div y lo que quiero es ponerle otro div

mas o menos asi:

<div id="demo" onclick="add()"></div>


ahora lo que necesito es que esa funcion carge un nuevo div sobre este

es decir deberia quedar asi

<div><div id="demo" onclick="add()"></div></div>


no tengo idea como hacerlo :S

use:

$('#demo').html('<div>' +$('#demo').html() + '</div>');

pero lo toma asi:


<div id="demo" onclick="add()"><div></div></div>


espero puedan ayudarme

gracias.

[mayid]

Probaste con .append()?
http://api.jquery.com/append/

Eso agrega contenido html a una etiqueta. Por ejemplo a $(this)

En cambio, .html() reemplaza el contenido.

Sería algo así:

<div id="demo" onclick="$(this).append('<span>nuevo elemento</span>');"></div>

[drakken]

gracias mayid! , pero con eso solo agrega otro span al div:


<div id="demo" onclick="add()"><span>nuevos elemento</span></div>


deseo que quede asi:

<div id="nuevo_elemento"><div id="demo" onclick="add()"></div></div>


saludos y gracias por responder

[drakken]

solucionado!,


use wrap();

$(this).wrap('<div></div>');


saludos!

[mayid]

Ah! Lo había entendido al revez ;o)

[chalchis]

ohh que interesante

saludos