jQuery添加類然後切換類

Question

當第一次點擊按鈕我需要將類.valid_tick添加到div #valid_div。

後的任何點擊它應該切換 類這樣$('#valid_div').toggleClass('invalid_tick');

現在我suding這樣它顯示在同一時間兩個類:( 本次代碼

$(".validation_hide").slideToggle(); 
$('#valid_div').toggleClass('invalid_tick'); 

Answer 1

使用.hasClass：

$('#valid_div').click(function() { 
    $div = $(this); 
    if ($div.hasClass('valid_tick')) { 
     $div.toggleClass('invalid_tick'); 
    } else { 
     $div.addClass('valid_tick'); 
    }; 
}); 

Answer 2

我認爲這樣做會更容易：

設置 'invalid_tick' 類從一開始就#valid_div對象：

<div id='valid_div' class='invalid_tick'> .... </div> 

JS

$('#valid_div').click(function() { 
    $div = $(this); 
    $div.toggleClass('valid_tick'); 
    $div.toggleClass('invalid_tick'); 
}); 

如果你不能從一開始就 'invalid_tick'，我會去：

$('#valid_div').click(function() { 
    $div = $(this); 
    if (!$div.hasClass('valid_tick')) { 
     $div.addClass('valid_tick'); 
    } 
    else { 
     $div.toggleClass('valid_tick'); 
     $div.toggleClass('invalid_tick'); 
    } 
});