jquery - 使用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-menu 移动到下面的包含 div 中。我目前只能获得一个 .sub-menu:

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/