jQuery outer html

Question

imagine what we have something like this    lt div id  xxx  gt  lt p gt Hello World lt  p gt  lt  div gt    if we call  html function in this way       xxx   html      we will get    lt p gt Hello World lt  p gt    But i need to get    lt div id  xxx  gt  lt p gt Hello World lt  p gt  lt  div gt    So  what i need to do  I think to add another wrapper around  xxx  but this is not a good idea

User · Answer

If you don t want to add a wrapper  you could just add the code manually  since you know the ID you are targeting   var myID    xxx    var newCode     lt div id    myID    gt         myID  html     lt  div gt

User · Answer

No siblings solution   var x       xxx   parent   html    alert x     Universal solution      no cloning necessary     var x       xxx   wrapAll   lt div gt    parent   html     alert x     Fiddle here  http   jsfiddle net ezmilhouse Mv76a

User · Answer

Just use standard DOM functionality       xxx   0  outerHTML   outerHTML is well supported - verify at Mozilla or caniuse

User · Answer

Create a temporary element  then clone   and append         lt div gt    append     xxx   clone    html

[jquery] jQuery: outer html()

Examples related to jquery