Question

i just want to ask about jQuery. Can jQuery do this:

<h1 id="lorem-ipsum">Hello World!</h1>

to this:

<div id="lorem-ipsum"></div>
<h1>Hello World!</h1>

Answer 1

You mean like this man: working demo Bit dynamic version: http://jsfiddle.net/QSdqM/ or http://jsfiddle.net/GQzFU/

Hope it helps the cause :)

API: http://api.jquery.com/replaceWith/

code

$('h1').replaceWith(function() {

   return '<div id="' + this.id + '"></div><h1>' + $(this).text() + '</h1>'

});

OR

$('h1').replaceWith('<div id="lorem-ipsum"></div><h1>Hello World!</h1>');


alert($('body').html());​