remove outer div

Question

In my JavaScript code I have a string that contains something like:

var html = "<div class='outer'><div id='inner'>lots more html in here</div></div>";

I need to convert this to the string

var html = "<div id='inner'>lots more html in here</div>";

I'm already using using jQuery in my project, so I can use this to do it if necessary.

Answer 1

Why all these needlessly complex answers?

//get a reference to the outer div
var outerDiv = document.getElementById('outerDivId');//or $('#outerDivId')[0];
outerDiv.outerHTML = outerDiv.innerHTML;

And that's it. Just set the outerHTML to the inner, and the element is no more.

---

Since I had overlooked that you're dealing with an HTML string, it needs to be parsed, first:

var tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlString;
var outerDiv = tempDiv.getElementsByTagName('div')[0];//will be the outer div
outerDiv.outerHTML = outerDiv.innerHTML;

And you're done.