javascript - 如何显示隐藏类(class)？

Question

在ajax成功时，我必须隐藏一个类并显示不同的类。假设我有“foo”和“bar”两个类。现在，当我的ajax返回成功时，它有“foo”类，然后我想显示“bar”类。

$.ajax({
        type:'POST',
        url:"/test/",
        data:{"test_data": my_data},
        success:function(data) {

        },
        dataType:"json"
        // here I want to hide the "foo" class and show the "bar" class.
    });

实际上“foo”和“bar”是一类按钮。当我单击具有“foo”类的按钮时，它应该隐藏，并且应该显示具有“bar”类的按钮。反之亦然

Answer 1

您没有提到您想要将其应用到哪个元素。无论如何，这会给你一个想法:

$.ajax({
    type:'POST',
    url:"/test/",
    data:{"test_data": my_data},
    success:function(data) {

    },
    dataType:"json"
    complete: function(xhr) {
       // if you want to switch classes on a specific element
       $('element_you_want_to_switch_classes').toggleClass('foo bar');

       // if you want to show/hide different elements
       $('.foo').hide();
       $('.bar').show();
    }
});

这将在ajax请求完成后应用更改(无论它是否失败)。如果您只想在成功时应用更改，只需将该行打包到您的成功处理程序中即可。