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'));
});
後に親ulのすべての子liにクラスmenu_element
を追加したいと思います。li id="menu-item-30"
これは可能ですか?
前もって感謝します!