1

我有一个带有子菜单的菜单。我想使用 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() 但我使用不正确或需要其他解决方案。

4

2 回答 2

2

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

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

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

http://jsfiddle.net/QTwbb/

于 2013-08-07T20:27:47.077 回答
1

使用.append而不是.html移动 DOM 元素。

于 2013-08-07T20:26:03.920 回答