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

how do I wrap my menu in to sub menu using jquery?

本文关键字：菜单 包装 jquery 何使用      更新时间：2023-09-26

这是我的网站。

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

我想把菜单列表项分为两个子菜单，比如菜单左和菜单右。然后把它们包在一个div里。这让我很容易设计它们的风格，这样它们也会保持响应。

现在，我一直在尝试通过实现这一点

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

我已经在浏览器控制台中尝试过了。

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

但是，仍然没有运气。

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

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

这不是有效的标记。

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

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

另外，看看这个：有没有一种方法可以将`<li>`元素？

相关文章：