javascript - 在输入 jquery 中删除值时清除所有更改

Question

我在 Javascript 中遇到问题是当你删除字段的值或更改它时jquery 效果仍然存在当我从输入中删除值时，有没有办法清除所有更改

这是例子 http://enjaz.tech/xlab/progress/尝试输入 6 然后输入 2

    $(document).ready(function() {
            $('#submit').click(function(e) {
            e.preventDefault();
           var pram = $('#getId').val()
            $.ajax({
                type: 'POST',
                url: 'call.php?q='+pram,
                success: function(data){

                    for(var i = 0 ; i < data ; i++){
                        var $steps = $('.amg-step');
                        if (i > 0) { $($steps[i - 1]).removeClass('--previous'); }
                        $($steps[i]).removeClass('--active').addClass('--complete').addClass('--previous');
                        if (i < $steps.length) { $($steps[i + 1]).addClass('--active'); }
                    }
                }
            });
        });
});

Answer 1

当您的输入为空时，您需要清除所有类，然后仅激活第一个类。使用下面的代码

$('.amg-step').removeClass('--previous --complete --active'); //to clear all

$('.amg-step:eq(0)').addClass('--active'); // make first one active

将此代码放在您的 ajax 调用之上