Как добавлять/удалять (jquery)класс из-за динамически изменяющихся элементов?

Question

[Дмитрий Мыльников]

Есть элемент, назовем Changer при нажатии на + или - изменяется число в input'е.

К примеру, при загрузке странице по умолчанию стоит значение 0 и стоит класс hide у другого дива, если нажали в поле на +, то значение стало на 1 больше и класс удалился, ну и наоборот. Т.е. если значение выше нуля, удаляем класс и наоборот.

Comments

[Сергей Собко]

jQuery используете?

Answer 1

[Сергей Собко]

Можно вот так, если вдруг вы используете jQuery

$("#inputId").change(function(){
    var someDiv = $("#someDiv");
    if($(this).val() != 0) {
         someDiv.removeClass("someClass");
    } else {
         someDiv.addClass("someClass");
    }
});

Comments

[Дмитрий Мыльников]

Такой вариант мне нравиться, но почему то не срабатывает(

[Сергей Собко]

Дмитрий Мыльников: выложите ваш код на jsfiddle. Гадать на кофейной гуще никто не любит.

[Дмитрий Мыльников]

Сергей Собко: https://jsfiddle.net/u8ckepxz/15/ вот, но я не могу понять почему в песочнице код не работает, на локале работает(

[Сергей Собко]

Дмитрий Мыльников:
https://jsfiddle.net/hmrogs6h/
Событие change срабатывает только тогда, когда input теряет focus. Если вы меняете значение инпута с помощью кода, то после изменения значения вам следует сделать триггер нужного события.
то есть $("#someInput").val("1").change();
Тогда всё заработает.
А в песочнице код не работает, потому что в меню, слева, в External Recources, нужно указать ссылку на библиотеку jQuery

[Дмитрий Мыльников]

Сергей Собко: вот как раз по поводу песочницы и подключения библиотеки не знал, спасибо) а метод ваш щас попробую, спасибо)

Answer 2

[Evgeny Kulakov]

Добавление/удаление класса у элемента:

element.classList.add('some-class')
element.classList.remove('some-class')

И используем данные методы на событии onclick у кнопок или onchange у инпута