[英]remove css style on button click jquery?
我正在尝试更改使用jquery单击的按钮的颜色。
我的代码如下工作,它将扩展类添加到单击的按钮。 但是我需要知道如何在单击另一个按钮时删除该类并向其中添加旧类,反之亦然。
现在这是我的代码:
$(".mybtn").click(function(){
$(this).removeClass( "mybtn" ).addClass('expand');
});
和HTML是这样的:
<button name='mybtn' id='mybtn' class='mybtn' value='1'>1</button>
<button name='mybtn' id='mybtn' class='mybtn' value='2'>2</button>
<button name='mybtn' id='mybtn' class='mybtn' value='3'>3</button>
CSS是具有背景颜色的简单CSS:
.mybtn{
background-color:#fff;
}
.expand{
background-color:#000;
}
任何帮助,将不胜感激。
首先重置所有“扩展”类对象:
$(".mybtn").click(function(){
// remove expand class and add original mybtn class
$(".expand").removeClass( "expand").addClass("mybtn");
$(this).removeClass( "mybtn" ).addClass('expand');
});
请参阅小提琴上的工作示例
$('.mybtn').toggle(function () {
$(".mybtn").removeClass("mybtn").addClass("expand");
}, function () {
$(".mybtn").removeClass("expand").addClass("mybtn");
});
尝试这个 :
$(".mybtn").each(function(){
$(this).click(function(el, ev){
$('button#mybtn').addClass('mybtn').removeClass('expand');
$(this).removeClass( "mybtn" ).addClass('expand');
});
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.