Присваивание css-классов элементам страницы через цикл

@stas31neo · Регистрация: 07.02.2017

Author24 — интернет-сервис помощи студентам

Ниже представлен код цикла, который поочерёдно работает с каждым из элементов массива switches. Стоит задача, чтобы каждому из существующих элементов данного массива был присвоен уникальный класс (item-1, item-2, item-3....) в зависимости от значения переменной i. Вопрос: "Возможно ли такое сделать?". Если нет, подскажите пожалуйста возможную альтернативу подобному присвоению css-классов.

Код

for (var i = 0; i < switches.length; i++) {
     switches[i].classList.add = "item-i";		
}

@mrtoxas · 16.09.2017, 15:50

Javascript

1
2
3

for (i = 0; i < switches.length; i++) {
     switches[i].classList.add("item-"+i);      
}

@stas31neo · 16.09.2017, 16:18 **[ТС]**

Спасибо большое. А не подскажите, можно ли на каждой итерации в зависимости от i создавать переменные (var) типа item-i (item-1, item-2, item-3) для последующего использования их в коде?

@mrtoxas · 16.09.2017, 17:11

Что вы хотите сделать? Создайте массив и занесите туда имена классов, потом работайте с этим массивом.

Javascript

var clsList = [];
for (i = 0; i < switches.length; i++) {
     let clsName = "item-"+i;
     switches[i].classList.add(clsName); 
     clsList[i] = clsName;
}

@stas31neo · 17.09.2017, 09:53 **[ТС]**

Ещё раз спасибо!

@stas31neo 0 / 0 / 0 Регистрация: 07.02.2017 Сообщений: 32
		1
	Присваивание css-классов элементам страницы через цикл 16.09.2017, 15:36. Показов 1799. Ответов 4 Метки нет (Все метки) Ниже представлен код цикла, который поочерёдно работает с каждым из элементов массива switches. Стоит задача, чтобы каждому из существующих элементов данного массива был присвоен уникальный класс (item-1, item-2, item-3....) в зависимости от значения переменной i. Вопрос: "Возможно ли такое сделать?". Если нет, подскажите пожалуйста возможную альтернативу подобному присвоению css-классов. Код for (var i = 0; i < switches.length; i++) { switches[i].classList.add = "item-i"; } 0

@stas31neo 0 / 0 / 0 Регистрация: 07.02.2017 Сообщений: 32
	16.09.2017, 16:18 [ТС]	3
	Спасибо большое. А не подскажите, можно ли на каждой итерации в зависимости от i создавать переменные (var) типа item-i (item-1, item-2, item-3) для последующего использования их в коде? 0

@stas31neo 0 / 0 / 0 Регистрация: 07.02.2017 Сообщений: 32
	17.09.2017, 09:53 [ТС]	5
	Ещё раз спасибо! 0

Присваивание css-классов элементам страницы через цикл

Решение