Question

点击两个按钮，我想在两种状态之间切换，让我们说陈述和陈述b 。

所以我有两个按钮：

<button id="btnA">和<button id="btnB">

我还得到了一些divs：bars，fx和table，并给出了一些初始类。我们假设某些类用于状态a ，而有些用于状态b 。

因此，当我点击btnA时，我希望div只能用于的类，所以当点击btnB时divs 仅 状态b 的类

。

这里的问题是，我真的不想切换或切换，无论有什么相似之处。

我试过了：

$("#btnA").click(function() {

    $(this).removeClass("btn-default")
    $(this).addClass("btn-success")

    $("#btnB").removeClass("btn-success")
    $("#btnB").addClass("btn-default")

    $("#table").remove()
    $("#bars").switchClass("barsdiferencias barslagrange")
    $("#fx").switchClass("fxdiferencias fxlagrange")
})

$("#btnB").click(function() {

    $(this).removeClass("btn-default")
    $(this).addClass("btn-success")

    $("#btnA").removeClass("btn-success")
    $("#btnA").addClass("btn-default")  


    $("#graficos").append('<div id="table" class="table"></div>')
    $("#bars").switchClass("barslagrange barsdiferencias")
    $("#fx").switchClass("fxlagrange fxdiferencias")        

})

我尝试过使用switchClass和toggleClass，但他们没有做我想做的事。我知道删除不需要的类并在每个函数中添加适当的类就可以了。但是，有没有更高级和更短的代码解决方案？

Answer 1

试试这个

这只是将当前类替换为您作为参数提供的新类。 attr（）方法可用于更改标记的任何属性。

    $(this).attr("class","btn-success")

    $("#btnA").attr("class","btn-default")

添加更多课程

    $(this).attr("class","classA classB")

使用jQuery .click从切换到一些CSS类转换到其他类。

1 个答案: