容易：Addclass removeClass hasClass问题？

Question

我在容器div中有一些按钮需要切换活动但一次只有1个活动按钮。

编辑：

html是： .filter的div容器（btn，btn，btn等） 有3个按钮容器。 第三个容器有一个ID为＃filter1-none

的按钮

以下代码的作用是每组仅激活1个按钮。

此外，如果任何其他按钮处于活动状态，我将如何仅从ID为＃filter1-none的按钮中删除活动？

$('.filter .btn').click(function () {
    $(this).addClass('active').siblings('.active').removeClass('active');
});

Answer 1

你尝试过类似的东西吗？

$('.filter .btn').click(function () {
    $(this).closest('.filter').find('.btn.active').removeClass('active');
    $(this).addClass('active');
});

Answer 2

我通常做这样的事情：

$('.filter .btn').click(function () {
    $(this).addClass('active').siblings('.active').removeClass('active');
});

编辑：

这不允许“切换”行为。因此，.btn s的行为类似于无线电，而不是复选框。如果您正在寻找复选框类型的行为，请告诉我。