如何切换特定的类集

时间:2013-02-04 10:18:23

标签: jquery class toggle range

我有一系列课程:

  • CLASSA
  • CLASSB
  • classC

我有<span class='fixedClass'>需要根据具体情况在其中一个类之间切换。您可以说使用jQuery toggleClass

然而,我的跨度已经附加了其他类,需要始终保持。

jQuery中最快最短的代码是什么?

2 个答案:

答案 0 :(得分:1)

此示例可能会对您有所帮助:http://jsfiddle.net/e9bj5/

$(function(){

 $('.fixedClass').on("click", function() {

    var box = $(this);

    if ( box.hasClass('red') ) {
        box.removeClass('red').addClass('green');
    }
    else if ( box.hasClass('green') ) {
        box.removeClass('green').addClass('blue');
    }
    else if ( box.hasClass('blue') ) {
        box.removeClass('blue').addClass('red');
    }

 });
});

答案 1 :(得分:0)

您不能只使用.attr()更改范围的“class”属性吗? 检查以下代码

function(newClassName){
$('.fixedClass').attr('class',newClassName +' fixedClass');
}