javascript - 将多个无序列表转换为单个无序列表

Question

您好，请帮帮我，因为我是新人。我在一个 div 中有多个 UL，类别为 multiple。如何获取所有 UL 并将其转换为另一个 div 中的单个 UL，类别为 single？

提前致谢

<div class="multiple">
                <ul class="menu1">
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                </ul>

                <ul class="menu2">
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                    <li><a href="#">Find It</a></li>
                </ul>
            </div>
<div class="single"> </div>

Answer 1

$('.multiple > ul > li').detach().appendTo($('.single > ul'));

Fiddle