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

Question

这是我的网站。

这就是我最终让它看起来像的方式

我想将菜单列表项分成两个子菜单，比如左右菜单。 然后将它们包装在一个 div 中。 这使我可以轻松地为它们设置样式，这样它们也可以保持响应。

现在，我一直试图通过

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

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

我还通过使用appendTo()而不是after()尝试了上述相同的代码

但是，仍然没有运气。

Answer 1

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

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

这不是有效的标记。

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

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

另外，看看这个： 有没有办法对`<li>`元素进行分组？