向 wp_nav_menu 添加一个独特的类 [关闭]答案

【问题标题】：Adding a unique class to wp_nav_menu [closed]向 wp_nav_menu 添加一个独特的类 [关闭]
【发布时间】：2012-05-24 09:59:48
【问题描述】：

如何向 wp_nav_menu 生成的主父 ul 元素的直接子 li 元素添加一个唯一类？

HTML：

<div class="menu_element"></div>
<nav id="access" role="navigation">
  <div class="menu-main-container">
    <ul id="menu-main" class="menu">
      <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://www.site/page1-2/">Page1</a>
        <ul class="sub-menu">
          <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="http://www.site/sub-page1-1/">Sub-Page1-1</a></li>
          <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://www.site/sub-page1-2/">Sub-Page1-2</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>

jQuery：

$('#menu-main > .menu-item').mouseenter(function (){
    $('.menu_element').appendTo(this);
    hoverOn();
});
$('#menu-main > .menu-item').mouseleave(function (){
    hoverOff(); 
    $(this).remove($('.menu_element'));
});

我想将 menu_element 类添加到 li id="menu-item-30" 以及父 ul 之后的每个子 li。这可能吗？

提前致谢！

【问题讨论】：

这背后的原因是你可以在你的css中定位根lis吗？
其实我想用jQuery来操作根li，但是每个li元素都有多个类，所以我需要想办法添加一个唯一的类。
我一直在尝试实现codex.wordpress.org/Function_Reference/…，但没有成功。
使用 jquery，您只能使用 .menu > .menu-item 作为选择器来定位根列表项
我刚刚在 WordPress Answers 上添加了对 the same question 的答案。

标签： css wordpress menu

【解决方案1】：

当您将其作为id 时，您的选择器用于.menu-main（class）。你需要：

$('#menu-main > .menu-item').mouseenter(function (){
    $('.menu_element').appendTo(this);
    hoverOn();
});
$('#menu-main > .menu-item').mouseleave(function (){
    hoverOff(); 
    $(this).remove($('.menu_element'));
});

【讨论】：

抱歉打错了，我的文档中有正确的标记。
@dcd018--但是现在可以用了吗？
@ScottS-由于我正在使用的菜单插件，它不起作用，它覆盖了我出于某种原因尝试添加的任何脚本。 clioweb 的答案似乎适用于我所需要的。谢谢！