AddClass在不从类似组中移除的情况下

我已经构建了一组像按钮一样工作的按钮。当你点击给定组内的一个按钮时，收音机被选中，并且应该将一个班级添加到该组中选定的按钮上。AddClass在不从类似组中移除的情况下

收音机工作正常，但我的班级没有与按钮组隔离 - 它只将类添加到所选组中点击的按钮上。我正试图让班级在该组内按下按钮。

我在做什么错？

$('.radio-group .radio-btn .btn').click(function() { 
    $('.radio-group .radio-btn .btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

http://jsfiddle.net/vcx0f8xc/

来源

2014-10-09 Joseph Sjoblom

试试下面的代码

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).closest('ul').find('.btn-primary').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

但只是为了提醒你，点击在'<p>'元件改变颜色，但单选按钮没有得到遏制。

来源

2014-10-09 17:48:48 Abhishek

谢谢Abhishek，但请原谅我，因为我可能没有很好地解释这一点。我想从除了所选按钮之外的每个按钮中删除该类。点击新的解决方案后，您的解决方案不会删除该类。 – 2014-10-09 17:53:02

它与你的问题完全相反 - 但在这种情况下，你的解决方案工作正常。它从每个按钮（组1和组2）中删除该类，并将该类添加到当前选定的单选按钮。纠正我，如果我错误理解。 – Abhishek 2014-10-09 17:57:09

@Tushar也做过类似的事情。 – Abhishek 2014-10-09 18:01:33

试试这个

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).parent().parent().find('.btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary');

}）;

来源

2014-10-09 17:57:26

谢谢你们！这些工作很好 – 2014-10-09 18:04:26

只是你需要使用父（）找到BTN ...使用作为

$('.radio-group .radio-btn .btn').click(function() { 
    $(this).parent().parent().find('.btn').removeClass('btn-primary'); 
    $(this).addClass('btn-primary'); 
});

Demo

我的网络滞后..我觉得有人贴出同样的预先

来源

2014-10-09 17:59:46 Tushar

感谢Tushar！这工作正常 – 2014-10-09 18:04:44

@JosephSjoblom快乐编码:) – Tushar 2014-10-09 18:05:46

AddClass在不从类似组中移除的情况下

回答

相关问题