Javascript 如果数组已经在Jquery中，如何向数组添加值并将其删除

我正在尝试创建一个多重过滤器，但我在使用JS代码时遇到了困难。 单击时需要将category attr添加到数组中，再次单击时需要将其删除

这是我的代码，工作不正常

$'span[数据类型]。单击函数事件{ var类型=[]； var category=$this.attr'data-genera'； 如果$this.hasClassactive处于活动状态{ $this.removeClass'active'； var removietem=$this.attr'data-genre'； 流派=$.grepgenre，函数值{ 返回值！=removeItem； }; 警觉体裁； }否则{ $this.addClass'active'； genre.push$this.attr'data-genre'； 警觉体裁； } }; 跨度{ 显示：块； 字体大小：22px； 字体大小：粗体； 利润率：10px； 光标：指针； } 跨度：悬停{ 颜色：绿色； } .主动{ 颜色：绿色； } 1. 2. 3. 4您只需移动var-genre=[]；在click事件之外

因为它在单击事件中，所以每次单击对象时它都会重置

演示

var类型=[]； $'span[数据类型]。单击函数事件{ var category=$this.attr'data-genera'； 如果$this.hasClassactive处于活动状态{ $this.removeClass'active'； var removietem=$this.attr'data-genre'； 流派=$.grepgenre，函数值{ 返回值！=removeItem； }; console.loggenre； }否则{ $this.addClass'active'； genre.push$this.attr'data-genre'； console.loggenre； } }; 跨度{ 显示：块； 字体大小：22px； 字体大小：粗体； 利润率：10px； 光标：指针； } 跨度：悬停{ 颜色：绿色； } .主动{ 颜色：绿色； } 1. 2. 3.

---

好眼力，比我快。