如何使用 jquery 将我的菜单包装到子菜单中？答案

【问题标题】：how do I wrap my menu in to sub menu using jquery?如何使用 jquery 将我的菜单包装到子菜单中？
【发布时间】：2016-03-24 15:32:41
【问题描述】：

我想把菜单列表项分成左右两个子菜单。然后将它们包装在一个 div 中。这让我很容易为它们设计样式，这样它们也能保持响应。

现在，我一直在努力实现这一目标

jQuery( ".menu-item-580", ".menu-item-583",".menu-item-584",".menu-item-563").wrapAll("<div class='new' />").after(".menubar-brand");

我在浏览器控制台中尝试过这个。

我也尝试使用appendTo()而不是after()来使用上面相同的代码

但是，还是没有运气。

【问题讨论】：

【解决方案1】：

在您的代码中，您基本上是这样做的：

<ul>
    <li>
    <div class="new">
        <li>
        <li>
    </div>
    <li>
</ul>

这不是一个有效的标记。

组合<li>s 的最简单方法是将不同的附加 css 类分配给列表的不同部分：

<ul>
    <li class="group1">
    <li class="group1">
    <li class="group2">
    <li class="group2">
</ul>

【讨论】：