Zastąpić cały element zamiast innerHTML?

Question

mogę to zrobić:

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

Ale czy jest jakiś sposób zrobić coś jak

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

nie mogę znaleźć żadnego sposobu. Jeśli nie mogę zrobić czegoś takiego, będę musiał zreorganizować całą masę rzeczy, co byłoby czasochłonne.

Answer 1

Co outerHTML, który obejmuje 'cały Tag:

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

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

Answer 2

zawsze można uzyskać parentNode tagi i zastąpić jego innerHTML

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

Answer 3

użyć Mootools, dobrze? można łatwo wymienić element, tj .:

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