jQuery get html of container including the container itself

Question

How do i get the html on   container  including   container  and not just what s inside it     lt div id  container  gt    lt div id  one  gt test 1  lt  div gt    lt div id  two  gt test 2  lt  div gt    lt div id  three  gt test 3  lt  div gt    lt div id  four  gt test 4  lt  div gt   lt  div gt    I have this which gets the html inside  container  it does not include the  container element itself  That s what i m looking to do  var x       container   html        save   val x     Check http   jsfiddle net rzfPP 58

User · Answer

Firefox doesn t support outerHTML  so you need to define a function to help support it   function outerHTML node        return node outerHTML              function n                var div   document createElement  div                div appendChild  n cloneNode true                 var h   div innerHTML              div   null              return h                  node       Then  you can use outerHTML   var x   outerHTML     container   get 0        save   val x

User · Answer

If you wrap the container in a dummy P tag you will get the container HTML also   All you need to do is   var x       container   wrap   lt p  gt    parent   html      Check working example at http   jsfiddle net rzfPP 68   To unwrap  the  lt p gt  tag when done  you can add       container   unwrap

User · Answer

var x        div   html     container   clone     html

User · Answer

Simple solution with an example     lt div id  id div  gt     lt p gt content lt p gt   lt  div gt    Move this DIV to other DIV with id    other div id       other div id   prepend      id div        Finish

User · Answer

container   clone   wrapAll   lt div  gt    parent   html      Update  outerHTML works on firefox now so use the other answer unless you need to support very old versions of firefox

User · Answer

fn outerHtml   function        if  this length            var div       lt div style  display none  gt  lt  div gt             var clone             this 0  cloneNode false   html this html    appendTo div           var outer   div html            div remove            return outer            else           return null             from http   forum jquery com topic jquery-getting-html-and-the-container-element-12-1-2010

User · Answer

I like to use this       container   prop  outerHTML

User · Answer

Oldie but goldie     Since user is asking for jQuery  I m going to keep it simple   var html       container   clone    console log html     Fiddle here

User · Answer

var x       container   get 0  outerHTML    UPDATE    This is now supported by Firefox as of FireFox 11  March 2012   As others have pointed out  this will not work in FireFox   If you need it to work in FireFox  then you might want to take a look at the answer to this question    In jQuery  are there any function that similar to html   or text   but return the whole content of matched component

User · Answer

var x       container   0  outerHTML

[javascript] jQuery get html of container including the container itself

Examples related to javascript

Examples related to jquery