使用jQuery交换元素类

Question

我有一个元素:

...
<li class="products active"><a href="" title="Title">test</a></li>
...

我想访问这个"li"标签并将"active"类交换为"past"类,所以最终的结果是:

...
<li class="products past"><a href="" title="Title">test</a></li>
...

使用jQuery实现这一目标的最简单/有效方法是什么？

Answer 1

使用起来toggleClass()要简单得多,假设元素已经有一个或另一个.

只要给它两个类名:

$('.active').toggleClass('past active');

如果它active(从那以后它将被选中),它的active类将被删除,并且past将添加该类.

如果您在单击处理程序中执行此操作,它可能如下所示:

$('.products').click(function() {
    $(this).toggleClass('past active');
});

示例: http ://jsfiddle.net/TCvQU/