Почему не срабатывает classList remove("")?

Question

[Link-Z]

В общем не могу понять что я делаю не так, подскажите пожалуйста почему не срабатывает classList remove("") ?

Код:

HTML

<nav>
	  	<a class="nav__link activ" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  </nav>

CSS

.nav__link {
	  		padding: 20px;
	  		background-color: red;
	  	}

	  	.activ {
	  		background-color: #000;
	  	}

JavaScript

let navbtn = document.querySelectorAll('.nav__link');

	  	for(let cliked of navbtn){
	  		cliked.addEventListener('click', function(){
	  			cliked.classList.remove('activ')
	  			this.classList.add('activ')
	  		})
	  	}

Comments

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

Работает. Только вы сначала удаляете класс и тут же его добавляете потому что в данном месте this и cliked это одно и то же

Если вы хотели удалить класс со всех элементов, то надо писать цикл. Тут вам не jQuery

Answer 1

[Антон]

Вы удаляете и добавляете этот класс этому элементу снова. Скорее всего, Вы хотите при клике удалять везде класс activ, а нажатому - добавлять. Вот, на Вашем примере написал код: