删除没有内部内容Javascript的内部html标记

删除没有内部内容Javascript的内部html标记。我的html结构如下，具有未定义的div计数：

 <div>
    <div>
      <div>
        <div>~Content 1~</div>
    </div>
  </div>
</div>

~Content 1~

如何删除所有div标记，结果必须如下所示：

<div>~Content 1~</div>

~内容1~

试试看

获取第一个div，并将其

innerHTML

替换为

innerText

演示

$（“div”）.first（）.each（function（））{
$（this.html（$（this.text（））
});

~Content 1~
试试看

获取第一个div，并将其
innerHTML
替换为
innerText

演示


$（“div”）.first（）.each（function（））{
$（this.html（$（this.text（））
});

~Content 1~
您可以使用
展开（）获取最后一个子div，删除父div，然后将该div附加到
正文中


var div=$（'div:not（：has（div）））.unwrap（）
$（'div'）.remove（）；
$（'body'）。追加（div）

~Content 1~
您可以使用
展开（）获取最后一个子div，删除父div，然后将该div附加到
正文中


var div=$（'div:not（：has（div）））.unwrap（）
$（'div'）.remove（）；
$（'body'）。追加（div）

~Content 1~
使用
document.querySelectorAll


var divs=document.queryselectoral（“div”）；
//如果子项的长度为0，只需检查所有div。没有后代了。
Array.prototype.forEach.call（divs，function（元素）{
if（element.querySelectorAll（“div”）.length==0）
{
//仅用于演示目的。找到的元素是最后一个子代。
document.querySelector（“.result”）.textContent+=element.outerHTML；
}
});

~Content 1~
~Content 2~
~Content 3~
使用
document.querySelectorAll


var divs=document.queryselectoral（“div”）；
//如果子项的长度为0，只需检查所有div。没有后代了。
Array.prototype.forEach.call（divs，function（元素）{
if（element.querySelectorAll（“div”）.length==0）
{
//仅用于演示目的。找到的元素是最后一个子代。
document.querySelector（“.result”）.textContent+=element.outerHTML；
}
});

~Content 1~
~Content 2~
~Content 3~
您尝试过什么吗？您尝试过什么吗？对不起，我可以为不适用于dom的字符串执行此操作吗？将
outerHTML
替换为
textContent
。对不起，我可以为不适用于dom的字符串执行此操作吗？将
outerHTML
替换为
textContent
。
$("div").first().each( function(){ $(this).html( $(this).text() ) });