jquery - 簡単: Addclass removeClass hasClass の問題?

Question

コンテナー div にいくつかのボタンがあり、アクティブに切り替える必要がありますが、一度にアクティブなボタンは 1 つだけです。

編集：

html は: .filter の div コンテナ(btn、btn、btn など) ボタンの 3 つのコンテナがあります。3 番目のコンテナーには、#filter1-none の ID を持つボタンがあります。

以下のコードは、グループごとにアクティブなボタンを 1 つだけ持つように機能します。

さらに、他のボタンのいずれかがアクティブな場合にのみ、#filter1-none の ID を持つボタンからアクティブのみを削除するにはどうすればよいですか?

$('.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