2016-12-05 101 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

高兴,这有助于:-) –