Javascript 选择其他筛选器时删除筛选器项的活动类

我有一些javascript来过滤产品。首先选择“全部”选项。 这是过滤器下拉列表的html：

<div class="filter tags Filter-1" id="filter-1">
  <span class="filter-label">Filter 1</span>
  <div class="filter-list">
    <div class="all filter-item active"><a href="#" title="">All </a></div>
    <div class="filter1 filter-item item-2"><a href="#" title="Remove tag Filter 1">Filter1</a></div>
    <div class="filter2 filter-item item-2"><a href="#" title="Remove tag Filter 2">Filter2</a></div>
    <div class="filter3 filter-item item-2"><a href="#" title="Remove tag Filter 3">Filter 3</a></div>
  </div>
</div>

所以基本上我要做的是，当选择另一个元素时，它不是“All”过滤器，它需要从“All”过滤器中删除.active类。 正如您所看到的，我尝试过使用以下方法：

 $('.all.filter-item', ul).removeClass('active');

---

但它并没有删除该类。如何实现这一点，有什么想法吗？

您只是想删除

all

类还是有其他操作要做？只需从all div中删除活动类即可

 $('.all.filter-item', ul).removeClass('active');