javascript - 移除外部 div

Question

在我的 JavaScript 代码中，我有一个包含如下内容的字符串:

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

我需要把它转换成字符串

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

我已经在我的项目中使用 jQuery，因此如果需要我可以使用它来完成它。

Answer 1

为什么所有这些不必要的复杂答案？

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

就是这样。只需将 outerHTML 设置为 inner，元素就没有了。

---

由于我忽略了您正在处理 HTML 字符串，因此首先需要对其进行解析:

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

大功告成。