javascript - jquery removeAttr ('class' ) 仍然保留类的元素

Question

我正在努力使用 jquery 中的 removeAttr('class') 和 removeClass() 函数。

removeAttr('class') OR removeClass();

我有三个按钮，当在输入文本表单字段中输入信息时，我希望其中 2 个按钮被禁用(不可点击)。

我已将我当前的代码输入到以下 jsfiddle 链接中:

http://jsfiddle.net/robgagliano/9ttfkw5t/

您将从示例中看到，CSS 正在更改，但按钮并未禁用(即它们仍然可点击)。

非常感谢任何指导。

Answer 1

使用keyup 事件和一个委托(delegate)的事件监听器

$(document).ready(function(){

  $("#user-input1").on('keyup change', function() {
      if ($(this).val() != '')
          $("#id2,#id3").removeClass('on');

      else if ($(this).val() == '')
          $("#id2,#id3").addClass('on');;
  });

    $("body").on("click",".on", function(){ // delegated event listener
        var tab_id = $(this).attr('value');
        $('.select').removeClass('currentttt');
        $(".options").hide();
        $(".table1").show();
        $("#option4").show();
        $("#"+tab_id).show();
        $(this).addClass('currentttt');

    });
});

JSFiddle demo