Jquery 添加/删除活动类Onclick

我试图在单击标题后，使用jQuery向h3添加一个“活动”类，并在单击另一个h3时将其删除。我在这里尝试了许多有关stackoverflow的示例，但无法获得要添加的类

下面是我的代码示例：

<div id="qa-faq0" class="qa-faq cf">
<h3 class="qa-faq-title"><a class="qa-faq-anchor" href="#">Frequently Asked Question #1</a></h3>

<div class="qa-faq-answer" style="display: none;"><p>Frequently Asked Question #1 Content Goes Here</p>

</div>
</div>

常见问题#1内容如下

提前谢谢

$(".qa-faq-title").click( function(){
    $(".qa-faq-title.active").removeClass("active");

    $(this).addClass("active");
});

---

这将在单击时删除活动类，然后将其添加到当前正在单击的项目中。

您可以在每次单击标题时切换该类

$(function () {
    $(".qa-faq-title").click(function () {
        $("h3.active").removeClass("active");
        $(this).addClass("active");
    });
});

试试这个

或

---

添加类的代码在哪里？您应该选择您喜欢的答案。对不起。谢谢你的帮助@用户3220314。谢谢你的另一个问题。哇，谢谢！抱歉，我是Stackoverflow的初学者，删除了该问题，因为我不知道如何更好地解释它。“在单击另一个h3时将其删除。”您的代码不这样做。不需要委派。。。纠正这一点，我就投你一票！代表团已被删除，对此表示抱歉！

$(function(){
    var $h3s = $('h3').click(function(){
        $h3s.removeClass('active');
        $(this).addClass('active');
    });
});

$(function(){
    $('h3').click(function(){
        $('h3.active').removeClass('active');
        $(this).addClass('active');
    });
});