Javascript 如何使用jquery将菜单包装到子菜单中？

我想将菜单列表项分为两个子菜单，即菜单左侧和右侧。然后把它们包在一个小提袋里。这样我就可以很容易地给它们做样式，这样它们也能保持反应灵敏

现在，我一直在努力通过

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

jQuery（“.menu-item-580”、“.menu-item-583”、“.menu-item-584”、“.menu-item-563”）.wrapAll（“.menubar brand”之后的“）；

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

我还通过使用

appendTo（）

而不是

after（）

尝试了上述代码

---

但是，仍然没有运气。

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

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

这不是有效的标记

最简单的方法是为列表的不同部分分配不同的附加css类：

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

---

另外，看看这个：

为什么要尝试使用jQuery？你不能控制html和css吗？我可以就菜单html和css提供建议，但我知道你需要它在移动设备上的外观。嗨，谢谢你的回复。这是一个wordpress网站。我无法控制html。我可以控制css。这就是为什么，我试图通过jquery来实现它