jQuery- 点击按钮时循环添加活动类

Question

您好！我刚接触jQuery。请问如何循环遍历按钮，当我单击按钮时仅显示其内容，并在每次单击时更改它们的活动类。

我将以下代码重复了两个按钮：

$("#member-company-btn").on("click", () => {
    $("#member-company-content").show("slow");
    $("#group-company-content").hide("slow");
    $("#abuja-sub-company-content").hide("slow");
    $("#lagos-sub-company-content").hide("slow");
})
$("#group-company-btn").on("click", () => {
    $("#member-company-content").hide("slow");
    $("#group-company-content").show("slow");
    $("#abuja-sub-company-content").hide("slow");
    $("#lagos-sub-company-content").hide("slow");
})

尝试为仅单击的按钮添加活动类未成功。

$("#subsidiary-btns .subsidiary-btn").on("click", () => {
    $("button.subsidiary-btn").removeClass("subsidiary-btn-active");
    $(this).addClass("subsidiary-btn-active");
})

谢谢你。

- Okiemute Gold

---

this is written without parentheses. Try $(this).addClass("subsidiary-btn-active"); - s.kuznetsov

感谢您的观察，但那不是问题所在。我一直在尝试理解如何仅针对一个按钮进行操作，同时取消其他所有按钮的活动状态。 - Okiemute Gold

Answer 1

今天我决定坚持不懈地调试代码，而不是改变样式。最终坚持付出了回报。受到此启发，对代码进行了一些修改。以下是可能解决方案的图片。

- Okiemute Gold