При клике на элемент помещать значение дата атрибута в массив?

Question

[montpellier]

Есть несколько элементов, как при клике по одному переносить значение его дата атрибута в массив, а при повторном клике убирать из него?

Comments

[Vladimir Atanov]

например брать необходимый атрибут кликнутого элемента. проверять есть ли такая запись в массиве и если есть убирать, если нет добавлять. Как-то так...

Answer 1

[0xD34F]

Например, так:

const active = [];

$(document).on('click', 'тут должен быть селектор ваших элементов', function() {
  const
    value = $(this).data('тут должно быть имя вашего data-атрибута'),
    index = active.indexOf(value);

  if (index === -1) {
    active.push(value);
  } else {
    active.splice(index, 1);
  }
});

Правда, не очень понятно, зачем такие сложности. Можно при клике переключать класс, и когда возникнет необходимость в значениях атрибутов, достать их из элементов, имеющих класс:

$(document).on('click', 'селектор', function() {
  $(this).toggleClass('active');
});

const active = $('.active').get().map(n => n.dataset['имя data-атрибута']);

Answer 2

[Андрей Андреев]

а в чем проблема?

При клике на елемент берем его дата атрибут. Если в массиве есть это значение удаляем из массива - если нету добавляем.