如何在wordpress ul容器周围添加div

Wordpress在此ul标签内输出我的子菜单

<ul class="sub-menu">

我怎样才能把一个简单的div包起来呢

---

最好是通过functions.php实现，但jquery也可以工作。

虽然使用类似jquery的东西包装子菜单很容易，但使用jquery实现这一目的并不是一种好的做法。将其放在functions.php中：

class Child_Wrap extends Walker_Nav_Menu
{
    function start_lvl(&$output, $depth = 0, $args = array())
    {
        $indent = str_repeat("\t", $depth);
        $output .= "\n$indent<div class=\"custom-sub\"><ul class=\"sub-menu\">\n";
    }
    function end_lvl(&$output, $depth = 0, $args = array())
    {
        $indent = str_repeat("\t", $depth);
        $output .= "$indent</ul></div>\n";
    }
}

---

否则，请使用菜单使用的代码编辑您的问题，以便我可以进一步帮助您。

在函数中。php

class Child_Wrap extends Walker_Nav_Menu
{
   function start_lvl(&$output, $depth)
   {
       $indent = str_repeat("\t", $depth);
       $output .= "\n$indent<div class=\"sub-menu-wrapper\"><ul class=\"sub-menu\">\n";
   }
   function end_lvl(&$output, $depth)
   {
       $indent = str_repeat("\t", $depth);
       $output .= "$indent</ul></div>\n";
   }
} 

如果您想使用jquery来实现这一点，您可以按照以下方式来实现。但最好的方法是第一种方法。在这里，加载页面时，有时菜单会显示为混乱

jQuery('ul.sub-menu').wrap('<div class="sub-menu-wrapper" />');

jQuery（'ul.sub-menu'）.wrap（“”）；

工作完美（Wordpress 4.4）为什么这在v4.4.2中不起作用？在我的主题中仍然没有

ul.子菜单的容器

我得到：(

$defaults = array( 'container' => 'ul', 'menu_class' => 'scroll', 'menu_id' => 'main-menu-nav' , 'walker' => new Child_Wrap() );

 wp_nav_menu( $defaults );

jQuery('ul.sub-menu').wrap('<div class="sub-menu-wrapper" />');