jquery - クリック時に背景色を変更する

Question

文書内に4つのラベルがあり、クリックすると背景が白くなりたいと思うが、別のラベルをクリックすると、前のラベルがデフォルトに戻りますクラスを削除する）

https://s25.postimg.org/kb1m0re0f/screenshot_9.png

<header> 
    <label for="slide_trigger1"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
    </label> 
    <label for="slide_trigger2"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
    </label> 
     <label for="slide_trigger3"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
     </label> 
     <label for="slide_trigger4"> 
     <i class="fa fa-dot-circle-o" aria-hidden="true"></i> 
     </label> 
</header> 

<script>  
    $(document).ready(function(e) { 
     $('label').click(function() { 
      $(this).css({"background":"#fff","color":"green","border-radius":"100%" }); 
     }); 
    }); 
</script> 

Answer 1

lable要素にインラインスタイルを除去するためのjQueryでremoveAttr()メソッドを使用します。

$('label').click(function(){ 
$('label').removeAttr('style'); 
$(this).css({"background":"#fff","color":"green","border-radius":"100%" }); 
});