Как динамически добавлять и удалять элементы массива jQuery?

Есть каталог моделей с возможностью выбора каждой модели кнопкой, при нажатии на кнопку в массив добавляется имя модели (div с именем находится в одном блоке с кнопкой), при повторном нажатии на кнопку имя должно удалиться из массива, подскажите как это сделать? Имена могут повторяться. На данный момент, получается только добавлять имена моделей в массив:
jQuery(function() {
    var models = [];
    $('.mc-block .mc-change-button').on('click', function () {
        $(this).toggleClass('checked');
        if (!$(this).hasClass('checked')) {
            $(this).html('Выбрать модель');
        } else {
            $(this).html('Модель выбрана');
            models.push($(this).parent().find('.model-name').html());
            alert(models);

        }
    });
});

https://jsfiddle.net/6k0k4f0y/
Секция "каталог моделей"
vyacheslavs-dynamite-site-b81f5b.webflow.io/serv
  • Вопрос задан
  • 289 просмотров
Решения вопроса 1
В плане "правильности" не уверен, но смысл думаю понятен https://jsfiddle.net/x0pfkw9u/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы