@AndreiAntanovich

Есть ли аналог jQuery метода not в JS?

Возникла проблема в переводе кода с JQuery на JS:
$(document).ready(function () {
        $('.item).click(function(){
            $(this).addClass("active");
            $(".item").not(this).removeClass("active");
            })
        })

Функция удаляет класс 'active' у всех кроме this. Может кто может переписать на JS?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
Awilum
@Awilum
Flextype & Atomastic Developer
HTML
<a href="#" class="item">Item1</a>
<a href="#" class="item">Item2</a>
<a href="#" class="item">Item3</a>

CSS
.active {
  color: green;
}

JS
var els = document.querySelectorAll('.item');
[].forEach.call(els, function(el, i, els) {
    el.addEventListener('click', function() {
        [].forEach.call(els, function(el) {
            if(el !== this) {
               el.classList.remove("active");
            } else {
               el.classList.add("active");
            }
        }, this);
    });
});


https://jsfiddle.net/4enhvyo8/1/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
04 мар. 2021, в 16:10
10000 руб./за проект
04 мар. 2021, в 15:49
500 руб./в час
04 мар. 2021, в 15:42
8000 руб./за проект