替换整个元素而不是innerHTML？

Question

我可以做这个：

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

但是，如果有任何方式做某事

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

我找不到任何办法。 如果我不能做这样的事情，我将不得不重构一大堆东西，这将耗费时间。

Answer 1

那么outerHTML ，包括'整体'标签：

$('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>'