0

我将如何向使用 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 之后。这可能吗？

提前致谢！

4

1 回答 1

2

当您将选择器用作.menu-main(a class) 时，您的选择器用于id. 你需要：

$('#menu-main > .menu-item').mouseenter(function (){
    $('.menu_element').appendTo(this);
    hoverOn();
});
$('#menu-main > .menu-item').mouseleave(function (){
    hoverOff(); 
    $(this).remove($('.menu_element'));
});
于 2012-05-24T01:25:44.220 回答