Question

Possible Duplicate:
Get selected element's outer HTML

I suspect this is a really stupid question, but when you call the Html() function in JQuery it returns the selected nodes inner Html. Is there anyway of including the selected note in the returned Html? For example on the following HTML

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
</div>

this call $('div.demo-container').html(); returns

<div class="demo-box">Demonstration Box</div>

How do I get it to return

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
</div>

Thanks for the help!

Answer 1

You could wrap a copy of it in a boring div and get the HTML of that:

var str = $('div.demo-container').clone().wrap('<div/>').parent().html();