如何在點擊三個div後刪除類？

Question

我有9個div。當我點擊每個div時，我將添加「活動」類。我需要刪除「活動」類當我點擊任何的div作爲第四

<section class="square_box tctgrid" id="question1"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div class="empty"><input type="radio" value="1" class="answer_value"></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 

<script> 
$(".square_box div").click(function() { 
    if ($(this).hasClass("empty")) { 
     var ans = $(this).find('.answer_value').val(); 
     $(this).addClass("active"); 
    } 
    else{ 
     $(this).addClass("active").addClass('error_div');; 
    } 
}); 
</script> 

上面的代碼是我的腳本。我不知道如何刪除課程。請幫助我解決這個問題。

Answer 1

嘗試是這樣的：

$(document).ready(function() { 
    $("div").each(function() { 
    $(this).data('count', 0); 
    } 
    $("div").click(function() { 
    $(this).data('count', ($(this).data('count') +1)); 
    if($(this).data('count') == 4) { 
     $("div").removeClass("active"); 
     $(this).data('count', 0); 
    } 
    }); 
}); 

Answer 2

如果承擔您的權利，這應該解決您的要求。

$(".square_box div").click(function() { 
    $(".square_box div .active").removeClass("active"); 
    //handle the rest of you methods 
}); 

Answer 3

你能做到這樣

$(document).ready(function(){ 
 
    $("div").click(function(){ 
 
    $("div").removeClass("active"); 
 
    $(this).addClass("active"); 
 
    }); 
 
});

div{ 
 
    cursor:pointer 
 
} 
 
.active{ 
 
    font-weight:bold 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div></div> 
 
    <div>ONE</div> 
 
    <div>TWO</div> 
 
    <div>THREE</div> 
 
    <div>FOUR</div> 
 
    <div>FIVE</div> 
 
    <div>SIX</div> 
 
    <div>SEVEN</div> 
 
    <div>EIGHT</div>