Как выделить нажатый(активный) элемент в списке?

Question

[Вадим Ягофаров]

galkam.ru
Как сделать чтобы выделялся один элемент. При клике класс актив добавляется ко всем элементам, но как добавить его к нужному элементу не могу понять. не могу добавить картинку. Блок на сайте наши работы https://yadi.sk/i/QV_pHwGfulZCVA

$('.work__buttons_item').each(function () {
                $('.work__buttons_item').on('click', function(e) {
                    $('.work__buttons_item').addClass('active');
                });
            });

Comments

[Максим Тимофеев]

А где код Ваш? Как Вы реализовали hover? Он обычно срабатывает именно на том элементе, который поймал это событие. Вы видимо на общего родителя его поставили.

[Вадим Ягофаров]

Максим Тимофеев,

$('.work__buttons_item').each(function () {
                $('.work__buttons_item').on('click', function(e) {
                    $('.work__buttons_item').addClass('active');
                });
            });

Answer 1

[DanKud]

$('.work__buttons_item').on('click', function(e) {
    $(this).addClass('active');
});

и метод .each здесь не нужен. Событие click и без него установится на все элементы с этим классом.

Comments

[Вадим Ягофаров]

Спасибо большое, замечание по поводу .each, разумные... тупанул

Answer 2

[RMate]

$('.work__buttons_item').on('click', function(e) {
                    $('.work__buttons_item').removeClass('active');
                    $(this).addClass('active');
                });

Зачем нужен each вообще не понятно, таким образом и так обработчик на все элементы будет назначен

Comments

[Вадим Ягофаров]

Спасибо большое, замечание по поводу .each, разумные... тупанул