JQuery根据条件在两个类之间切换[重复]答案

【问题标题】：JQuery toggle between two classes based on condition [duplicate]JQuery根据条件在两个类之间切换[重复]
【发布时间】：2019-07-29 17:10:40
【问题描述】：

我有两个班级，我想在满足某些条件时在它们之间切换

$(this).toggleClass('one two', condition)

当满足condition 时，我想添加two 类，当不满足时，我想用one 替换它。

我知道我可以将 if else 与 addClass 和 removeClass 一起使用，但问题是 - 我可以使用 toggleClass 吗？

【问题讨论】：

"当满足condition 时，我想添加two 类，当不满足时，我想用one 替换它。" 当条件满足，如果元素有one 类，你想删除它吗？你句子的两半之间的措辞差异让我想知道......
这可能会帮助你stackoverflow.com/a/14483867/2943218
@CarstenLøvboAndersen 是的，这实际上正是我所需要的。谢谢！
当您尝试时实际发生了什么：$(this).toggleClass("one two", condition) 做到了您想要的吗？它没有做什么你想让它做的事情？如果您可以在使用 if/else/add/remove 时扩展提供您想要的内容，那么您想要做什么会更清楚。

【解决方案1】：

像这样使用链接和toggleClass：

$(this).toggleClass("one", !condition).toggleClass("two", condition);

【讨论】：

【解决方案2】：

你可以使用这个语法

$(this).toggleClass(condition ? "one" : "two")

【讨论】：

不要认为这会起作用，因为它只会切换满足条件的类 - 即，如果它应用了第一类，则不会删除一个条件满足两个切换类.此外，它只会切换类 - 我认为 OP 希望根据条件添加删除，而不仅仅是切换