Javascript/JQuery在按钮组上的两个按钮之间切换活动类
我将引导与btn组一起使用。以下是html:Javascript/JQuery在按钮组上的两个按钮之间切换活动类,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我将引导与btn组一起使用。以下是html: <div class="btn-group btn-group-sm" role="group"> <div type="button" class="btn btn-default btn-1">Button 1</div> <div type="button" class="btn btn-default btn-2 active">Button 2</div> <
<div class="btn-group btn-group-sm" role="group">
<div type="button" class="btn btn-default btn-1">Button 1</div>
<div type="button" class="btn btn-default btn-2 active">Button 2</div>
</div>
这是最干净的方法还是有更好的方法可以在两个按钮之间切换此活动类?使用:
$('.btn-group').on('click', '.btn', function() {
$(this).addClass('active').siblings().removeClass('active');
});
我认为代码是相当不言自明的?它只是从您单击的按钮的同级中删除任何现有的“活动”类,并将该类添加到单击的按钮中
下面是一个工作片段:
$('.btn group')。在('click','.btn',function()上{
$(this.addClass('active').sides().removeClass('active');
});代码>
按钮1
按钮2
$('.btn-group').on('click', '.btn', function() {
$(this).addClass('active').siblings().removeClass('active');
});