单击链接时 jQuery 切换跨度类

Question

当单击 $menulink 时，我希望 .menu-link 内的跨度能够切换其类。我尝试了下面的代码，但我做错了，因为它不起作用:

$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu'),
$menulink = $('.menu-link'),
$arrow = $('.arrow-down');

$menulink.click(function() {
$menulink.toggleClass('active');
$menu.toggleClass('active');
$arrow.toggleClass('visible');
return false;
});});
})();

标记:

<a class="menu-link" href="#menu"><span class="arrow-down"></span><span>Menu</span></a>
<nav role="navigation" id="menu" class="">
<ul class="menu">
<li>stuff</li>
</ul>
</nav>

任何帮助将不胜感激! :)

Answer 1

尝试

$menulink.find('span').toggleClass('active');

如果您只想要第一个跨度，那么

$menulink.find('span:first').toggleClass('active');

或者想要具有 arrow-down 类的跨度

$menulink.find('span.arrow-down').toggleClass('active');