jquery - 简单：Addclass removeClass hasClass 问题？

Question

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

编辑：

html 是： .filter(btn, btn, btn, etc) 的 div 容器有 3 个按钮容器。第三个容器有一个按钮，其 id 为：#filter1-none

下面的代码可以使每组只有 1 个按钮处于活动状态。

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

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

score 2 · Accepted Answer

你试过类似的东西吗？

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

score 1 · Accepted Answer

我通常会这样做：

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

编辑：

这不允许“切换”行为。因此，.btns 将表现得像收音机，而不是复选框。如果您正在寻找复选框类型的行为，请告诉我。

2 回答 2