在两个不同的类jQuery之间切换

Question

无法获得以下代码:

$('#changeMode').button().click(function(){
    $('#playfield').toggle(function() {
        $(this).switchClass("gridView","plainView");
    }, function() {
        $(this).switchClass("plainView","gridView");
   });      
});

我无法让它切换下面的div类.

<div id="playfield" class="gridView"></div>

有任何想法吗？

编辑:我试过这个:

$('#changeMode').button().click(function(){
    if ($('#playfield').attr('class') == "gridView"){
        $('#playfield').removeClass("gridView");
        $('#playfield').addClass("plainView");
    } else {
        $('#playfield').removeClass("plainView");
        $('#playfield').addClass("gridView");
    }
});

它似乎工作正常,到底是什么？

Answer 1

我不知道switchClass,也许你在考虑toggleClass？无论如何 - 我有一些使用它的旧代码(我在toggleClass中遇到了一些奇怪的问题):

$(this).removeClass("gridView").addClass("plainView"); 

or

$(this).toggleClass("gridView plainView");

反之亦然.

例:

$('#changeMode').button().click(function(){
    $('#playfield').toggle(function() {
        $(this).toggleClass("gridView plainView");
        //$(this).removeClass("gridView").addClass("plainView"); 
    }, function() { 
        $(this).toggleClass("plainView gridView");
        //$(this).removeClass("plainView").addClass("gridView"); 
   });      
});

但正如其他人所说,toggleClass应该适合您的需求.

Answer 2

正确的语法是在第一个参数中使用"一个或多个类名(由空格分隔).."(来自.toggleClass()),而不是在第一个和第二个参数中引用类名.

例如

$(this).toggleClass("gridView plainView");