Question

From the below HTML i want to remove the div and H2 tags but keep the UL tag using jquery.

Please advise how i can achieve this

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

Thanks

Answer 1

You can use replaceWith()

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

Working Demo