How to get Dom object's content include itself?

Question

I want to able to get #post content include itself. jQuery's html() method only return content that does not include itself.Trying to get parent object's html does not work in all situation because that object can have siblings.

What is solution for this ?

<div id="post">
     <div>content</div>
<div>
<div></div>

Answer 1

Description

jQuery's html() gives you only the innerHTML right. You can do

$("#post")[0].outerHTML

to get the full html but this is not crosser browser compatible.

Check out this jsFiddle Demonstration

You can use this plugin to get a cross browser compatible function .outerHTML()

More Information

• jQuery - OuterHTML Plugin
• jQuery.html()