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

你用的是motools，对吧？您可以轻松替换该元素，即：

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