jquery - 在 HTML 中使用 jquery 删除父元素但保留子元素

Question

在下面的 HTML 中，我想删除 div 和 H2 标签，但使用 jquery 保留 UL 标签。

请告诉我如何实现这一目标

<div class="row">
    <h2><asp:Literal ID="categoryTitle" runat="server"></asp:Literal></h2>
    <ul class="tree js-catTree" id="treeContainer" runat="server"></ul>
</div>

谢谢

Answer 1

您可以使用replaceWith()

$('.row').replaceWith(function() {
 return $('ul', this);
});

Working Demo