用jQuery替换另一个类

Question

我很难用jQuery改变一个按钮元素的类。目前，它为按钮元素添加了一个额外的类。

这是我的代码到目前为止。我该如何解决它？

$(function() { 
    $("#admin").click(function() { 
      $('#normal').show(); 
      $('#admin').hide(); 
      $('.delete_admin').toggleClass("delete_normal"); 
      return false; 
    }); 
    $("#normal").click(function() { 
     $('#normal').hide(); 
     $('#admin').show(); 
     $('.delete_normal').toggleClass("delete_admin"); 
    }); 
}); 

Answer 1

如果元素与一类开始时，您切换这两个类，拆除现有的一个，并添加一个新的，就像这样：

$(function() { 
    $("#admin").click(function() { 
     $('#normal').show(); 
     $('#admin').hide(); 
     $('.delete_admin').toggleClass("delete_normal delete_admin"); 
     return false; 
    }); 
    $("#normal").click(function() { 
     $('#normal').hide(); 
     $('#admin').show(); 
     $('.delete_normal').toggleClass("delete_normal delete_admin"); 
    }); 
}); 

Answer 2

如果您正在使用最新的jQuery库，你可以使用下面的脚本..

$(function() { 
     $("#admin").on("click",function() { 
      $('#normal').show(); 
      $('#admin').hide(); 
      $('.delete_admin').toggleClass("delete_normal delete_admin"); 
      return false; 
     }); 

     $("#normal").on("click",function(){ 
      $('#normal').hide(); 
      $('#admin').show(); 
      $('.delete_normal').toggleClass("delete_normal delete_admin"); 
     }); 
    });