2016-12-05 72 views
-2

改變背景顏色的文檔中假設有4個標籤,我想,當我點擊的背景變成白色,但是當我點擊另一個標籤,以前的標籤應回其默認(不使用添加類或刪除類)jQuery的 - 上點擊

screenshot of page

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> 
+1

不是JSBin的添加圖像分享其網址 – Satpal

回答

2

使用removeAttr()方法中的jquery在拉布勒元件去除內嵌樣式。

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

感謝先生的偉大 – Indranil

+0

高興,這有助於:-) –