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

在jQuery中换掉另一个类

2 个答案: