javascript - 删除二级 UL 中的 “sub-menu” 类

Question

我正在尝试将 HTML 转换为 Wordpress，但在菜单方面遇到问题。

菜单是一个 3 级下拉菜单，我用 wp_nav_menu 输出它，这就是它的格式

<ul id="nav" class="sf-menu">
  <li>Home</li>
  <li>Blog</li>
  <ul class="sub-menu">
    <li>Level 2</li>
    <ul class="sub-menu">
      <li>Level 3</li>
    </ul>
  </ul>
  <li>Portfolio</li>
  <li>Contacts</li>
</ul>

基本上我想从第二级和第三级的/s 中删除“子菜单”类。

这就是我想要的样子:

<ul id="nav" class="sf-menu">
  <li>Home</li>
  <li>Blog</li>
  <ul class="first-nav">
    <li>Level 2</li>
    <ul class="second-nav">
      <li>Level 3</li>
    </ul>
  </ul>
  <li>Portfolio</li>
  <li>Contacts</li>
</ul>

Answer 1

用于将html 转换为wordpress 菜单。这可能对您有帮助。

wp_nav_menu ( array $args = array() )

使用

wp_nav_menu( $args );

给定 theme_location 参数，该函数将显示分配给该位置的菜单。如果不存在这样的位置或没有为其分配菜单，则参数fallback_cb将确定显示的内容。

向菜单项添加条件类

function wpdocs_special_nav_class( $classes, $item ) {
    if ( is_single() && 'Blog' == $item->title ) {
    // Notice you can change the conditional from is_single() and $item- >title
    $classes[] = "special-class";
}
return $classes;
}
add_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );

引用:click me: