Выделение 2-ух объектов в svg?

Question

[Dizzabel]

Помогите разобраться пож-ста! Нужно что бы при клике по одной кнопке Например Регион №1 загоралось сразу два объекта svg. В моем примере квадрат и круг. У меня получается сделать только 1. Знаю что я что то не то делаю но уже не могу разобраться.
Вот здесь

Answer 1

[Сергей Сосновский]

document.addEventListener('DOMContentLoaded', function (e) {
	var activeShape = [], map = document.getElementById('map');

	document.addEventListener('click', function (e) {
		if (e.target.dataset.action != 'region') return;

		var path = map.querySelectorAll('[data-id="' + e.target.dataset.id + '"]');
	
		activeShape.length && activeShape.forEach(function(item) {
			item.setAttribute('class', item.getAttribute('class').replace(/\s*\bactive\b/ig, ''));
		});

		path.length && path.forEach(function(item) {
			item.setAttribute('class', item.getAttribute('class') + ' active');
			activeShape.push(item);
		});
	});
});

Comments

[Сергей Сосновский]

Если что то не понятно в коде спрашивайте

[Dizzabel]

Спасибо вам огромное, вчера часов 5 просидел. Я делаю интерактивную карту ТК, там надо сделать выделение нескольких секций например по параметру "Одежда". Озадачился этим вопросом и застрял. В JS не силен как видите, поэтому пришлось просить помощи.