jquery - 交换元素类

Question

我有以下代码：

<a href="#" class="more">text</a>

单击时如何在“更多”和“更少”之间切换课程？

$('a').click(function (e) {
  e.preventDefault();
  var $this = $(this);
  $this.toggleClass('more', 'less');
});

但是我让课程从“更多”变为“”而不是更少。

谢谢你，米格尔

Answer 1

使用切换并指定多个类名，您可以实现这一点。它只会删除存在的类名并添加不存在的类名。但是您应该确保其中至少一个首先出现在元素上。

$this.toggleClass('more less');

小提琴

Answer 2

<a href="#" id="toggle">text</a>

$("a#toggle").toggleClass("more");
$("a#toggle").toggleClass("less");

or you can chain them together.

$("a#toggle").toggleClass("more");
             .toggleClass("less");

关键是：toggleClass 只会在参数中添加/删除该类。它不会在括号中的类之间切换。