आंतरिक HTML की बजाय पूरे तत्व को बदलें?

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

आप हमेशा उन टैग parentNode हो और उसकी innerHTML

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

Answer 3

आप mootools का उपयोग जगह ले सकता है, सही? आप आसानी से तत्व को प्रतिस्थापित कर सकते हैं, यानी

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