jQuery переключать класс span при щелчке по ссылке

При нажатии кнопки $ menulink я хотел бы, чтобы интервал внутри .menu-link содержал его класс. Я попытался код ниже, но я делаю что-то неправильно, потому что это не работает:jQuery переключать класс span при щелчке по ссылке

$(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>

Любая помощь будет очень признателен! :)

источник

2013-03-07 Jess

Хотя это не является причиной проблемы, когда вы выбираете элементы, если вы ожидаете только одного результата, вы должны использовать идентификатор, если вы ожидаете более одного результата, вы должны использовать класс и использовать '.each()' для итерации по каждому согласованному элементу. –

Попробуйте

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

если вы хотите только первый пролет, то

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

или хотите охватить с наличием arrow-down класса

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

источник

2013-03-07 11:07:43

Спасибо, кучи! Это сработало! :) – Jess

@ Jess всегда приветствую брата. –

$menulink.children('span').toggleClass('whatever');

внутри функция щелчка.

Или, если вы хотите предназначаться только arrow-down пролет

$menulink.children('span.arrow-down').toggleClass('whatever');

источник

2013-03-07 11:03:47 rzr

попробовать это

$menulink.children(':first').toggleClass('active');

это находит первый ребенок, который <span> в вашем случае

источник

2013-03-07 11:07:25 bipen

код используется переключит все элементы с этим классом на этой странице. Попробуйте это:

$(document).ready(function() { 
    $('.menu-link').click(function() { 
     $(this).toggleClass('active'); 
     $(this).children('.arrow-down').toggleClass('visible'); 
     $('#menu').toggleClass('active'); 
    }); 
});

источник

2013-03-07 11:08:45 JWMarchant

Я предполагаю, что, поскольку $menu-link является якорем тег, браузер навигации от страницы?

Я не понимаю, почему любой из вышеперечисленных ответов будет работать, если у вас нет.

попробуйте настроить jsfiddle?

источник

2013-03-07 11:08:52 Bill

jQuery переключать класс span при щелчке по ссылке

ответ

Смежные вопросы