如何删除嵌套的UL元素但保留子元素

Question

我希望删除<ul>嵌套列表的标记,然后将其子<li>元素添加到父<ul>元素.例如 :

<ul>
    <li>Item 1</li>
    <ul>
        <li>Item 2</li>
    </ul>
    <li>Item 3</li>
</ul>

应该成为:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

我是jQuery的新手,到目前为止我创建的内容不起作用,我不确定原因:

 $content.find('ul').each(function() {
if ($(this).parent().is('li')) {
  var elements = $(this).children().detach();
  var closest = $(this).closest('li');
  $(this).remove();
  elements.appendTo(closest);
}
}

任何帮助非常感谢.

Answer 1

使用.unwrap()

演示或演示

$('ul > ul > li').unwrap('ul');