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

Question

[Andrei Antanovich]

Возникла проблема в переводе кода с JQuery на JS:

$(document).ready(function () {
        $('.item).click(function(){
            $(this).addClass("active");
            $(".item").not(this).removeClass("active");
            })
        })

Функция удаляет класс 'active' у всех кроме this. Может кто может переписать на JS?

Comments

[Lynn «Кофеман»]

Проще поменять порядок. Сначала удаляем класс везде, потом добавляем к текущему элементу

[Lynn «Кофеман»]

Хотя на js всё равно цикл будет, так что никто не мешает прямо в цикле проверять

[Andrei Antanovich]

Lynn «Кофеман», на js реализацию написать можете? Дело в том, что все работает на JQuery, хотелось бы такую же реализацию на js.

[Lynn «Кофеман»]

AndreiAntanovich, уже ниже написали

Answer 1

[Сергей Романенко]

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/

Comments

[Andrei Antanovich]

Дает ошибку на скобках [ ] вначале.

[Ярослав Иванов]

AndreiAntanovich, Угадать надо?

[Сергей Романенко]

AndreiAntanovich, вы код в теги ложите хотя бы

<style>
.active {
  color: green;
}
</style>

<a href="#" class="item">Item1</a>
<a href="#" class="item">Item2</a>
<a href="#" class="item">Item1</a>

<script>
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);
    });
});
</script>

[Andrei Antanovich]

Сергей Романенко, спасибо большое, заработало

[WbICHA]

[].forEach.call(els

???
НодЛист имеет свой форыч.