jquery - 在 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");
        });
    });