Заменить весь элемент, а не innerHTML?

Question

Я могу сделать это:

$('my-panel').innerHTML = '<p> New content </p>';

Но если есть какой-то способ сделать что-то вроде

$('my-panel').wholeHTML = "<div id='my-panel'><p> New Content</p></div>";

Я не могу найти какой-либо способ.Если я не смогу сделать что-то подобное, мне придется провести рефакторинг целого ряда вещей, которые могут занять много времени.

Answer 1

А как насчет outerHTML, который включает тэг 'whole':

$('my-panel').outerHTML = '<p> New content </p>';

http://jsfiddle.net/pimvdb/Sah2U/1/

Answer 2

Вы используете mootools, верно?Вы можете легко заменить элемент, например:

Elements.from("<div id='my-panel'><p> New Content</p></div>").replaces($("my-panel"));

Answer 3

всегда можно получить теги parentNode и заменить его innerHTML

         $('my-panel').parentNode.innerHTML = '<p> New Content</p>'