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