Javascript 为按钮列表添加活动类

我想将活动类添加到按钮列表中。按钮类是否有活动的JavaScript

<div class="col-md-12 text-center">
    <button class="filter-button btn" data-filter="all"><span class="caps">A</span>ll</button>
    <button class="filter-button btn" data-filter="category1"><span class="caps">C</span>ataract</button>
    <button class="filter-button btn" data-filter="category2"><span class="caps">L</span>asik</button>
    <button class="filter-button btn" data-filter="category3"><span class="caps">O</span>phthalmology</button>
    <button class="filter-button btn" data-filter="category4"><span class="caps">G</span>laucoma</button>
    <button class="filter-button btn" data-filter="category5"><span class="caps">R</span>etina</button>
    <button class="filter-button btn" data-filter="category6"><span class="caps">O</span>pticaI lens</button>
</div>

全部的
白内障
Lasik
眼科
青光眼
视网膜
光学透镜

---

我想在单击时将按钮设置为活动。

使用jquery添加类和删除类函数，如下所示：

$（“您的列表id”）。单击（函数（）{

}))

您可以使用jQuery：

$（文档）.ready（函数（）{
变量按钮=$（'.btn'）；
按钮。更改（函数（）{
//$（'.btn.active'）.removeClass（'active'）；//如果要在按下其他按钮时从其他按钮中删除活动类，请取消注释此行。
$（this.addClass（'active'）；
});
});

if ($(this).find('#menu li').hasClass('active')) {
    //console.log("Active class seen");
    $(this).find('#menu li').removeClass('active');
    $(this).addClass('active');
}