javascript - 如何使用 jquery 从列表中删除项目？

Question

我有如下内容的输出

<ul>
    <li>
        Songs
        <ul>
             <li>
                 Genre
                 <ul>
                     <li>
                         Country
                     </li>
                 </ul>
             </li>
        </ul>
    </li>
</ul>
<ul>
    <li>
        Songs
        <ul>
             <li>
                 Genre
                 <ul>
                     <li>
                         Pop
                     </li>
                 </ul>
             </li>
        </ul>
    </li>
</ul>

请忽略为什么会这样显示内容。我的问题是，如何使用 jQuery 删除重复的 parent <li>和 <ul>所以它看起来像这样

<ul>
    <li>
        Songs
        <ul>
             <li>
                 Genre
                 <ul>
                     <li>
                         Country
                     </li>
                     <li>
                         Pop
                     </li>
                 </ul>
             </li>
        </ul>
    </li>
</ul>

我试过 unwrap() 方法，但不知道放置 <li> 的逻辑他们应该在的地方。

Answer 1

尝试，

var uls = $('ul');
uls.first().find('ul:last').append(uls.last().find('li:last'));
uls.first().siblings('ul').remove();

DEMO