Which is the vanilla javascript equivalent for .not() of jQuery?

Question

I'm trying to create a loop which adds a class to a list. I wish this class to be added on all the elements except the element which is being clicked. I found the following on the internet:

$('.elements').click(function(){
     $('.elements').not(this).each(function(){
         // do something
     });
})

Is there an equivalent to vanilla javascript? I cannot find the conversion from .not().

Answer 1

The vanilla version of the full code you posted would be something like this. Quite verbose TBH without having the helper to add a click listener to each el.

var els = document.querySelectorAll('.elements');
[].forEach.call(els, function(el, i, els) {
    el.addEventListener('click', function() {
        [].forEach.call(els, function(el) {
            if(el !== this) {
                // do something
            }
        }, this);
    });
});