使用jquery将子菜单放在新div中

Question

我有一个带子菜单的菜单。我想使用jquery将所有子菜单（无序列表）移动到扩展div中。例如，我有一个如下所示的菜单：

<ul id="menu">
    <li>
        <ul class="sub-menu">...</ul>
    </li>
    <li>
        <ul class="sub-menu">...</ul>
    </li>
    <li>
        <ul class="sub-menu">...</ul>
    </li>
</ul>

我想将每个.sub菜单移动到下面的包含div中。我目前只能通过以下方式获得一个.sub菜单：

var put = jQuery( ".sub-menu").html();
jQuery('#nav-expand').html(put);

但我想得到每一个。我尝试使用.each（），但我要么使用不正确，要么需要其他解决方案。

Answer 1

您应该使用jQuery中的appendTo方法移动元素

http://api.jquery.com/appendTo/

$( ".sub-menu" ).appendTo( "#nav-expand" );

http://jsfiddle.net/QTwbb/

Answer 2

使用.append代替.html移动DOM元素。