我有如下的菜单结构
<ul class="menu_bg" id="menu-main-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-653" id="menu-item-653"><a href="http://apptivowp.apptivo.com/" title="Home">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-650" id="menu-item-650"><a href="http://apptivowp.apptivo.com/artists/" title="Artists">Artists</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-651" id="menu-item-651"><a href="http://apptivowp.apptivo.com/category/show-dates" title="Show dates">Show dates</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-649" id="menu-item-649"><a href="http://apptivowp.apptivo.com/gear/" title="Gear">Gear</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-563" id="menu-item-563"><a href="http://apptivowp.apptivo.com/category/news" title="News">News</a></li>
</ul>
我在下面使用 jquery 来设置点击 li 时的类。
<script type="text/javascript">
jQuery('ul.menu_bg li a').click(function()
{
jQuery(this)('ul.menu_bg li').addClass('mymenu');
});
</script>
但它不起作用..当我点击那个 li 时,类名 mymenu 没有应用到 li。
问题是什么?..
谢谢 拉维
最佳答案
您不需要重新做选择器,只需:
jQuery(this).addClass('mymenu');
会将类添加到 a
中,因为您要将其添加到 li
中,只需先向上遍历树即可:
$(this).closest('li').addClass('mymenu');
关于单击 li 时 Jquery addclass 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6703479/