替换整个元素而不是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>'