jquery删除元素但保留子元素的方法：1、使用children()方法获取指定元素的所有子元素；2、使用unwrap()方法删除子元素的父元素但保留子元素，语法“$("指定元素").children().unwrap();”。
本教程操作环境：windows7系统、jquery3.6.1版本、Dell G3电脑。
jquery删除元素但保留子元素
在jquery中，可以利用children()+unwrap()方法来删除指定元素但保留其子元素。
children() 方法返回返回被选元素的所有直接子元素。
unwrap() 方法删除被选元素的父元素。
html>
<meta><script></script><script>
$(document).ready(function(){
$("button").click(function(){
$("div").children().unwrap();
});
});
</script><style>
div {
background-color: yellow;
}
</style><div>
<p>这是 div 元素中的段落。</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/gongju/2331" title="jQuery 1.12.4"><img
src="https://img.php.cn/upload/manual/001/431/639/6a21619eac924328.png" alt="jQuery 1.12.4" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/gongju/2331" title="jQuery 1.12.4" class="overflowclass">jQuery 1.12.4</a>
<p class="overflowclass">jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。</p>
</div>
<a rel="nofollow" href="/xiazai/gongju/2331" title="jQuery 1.12.4" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<p>这是 div 元素中的段落。</p>
<p>这是 div 元素中的段落。</p>
</div>
<button>删除div元素，但保留子元素p</button>
相关视频教程推荐：jQuery教程（视频）
