jQuery - 记住变量值而不使用全局变量

Question

早上好， 我正在建造一个拥有大量内容的巨大网站。为了更方便的导航，我决定使用多类别选项来实现基于同位素的过滤器。我解释一下：

所有必须过滤的材料都存储在像

这样的块中

<div class="box CAT1-VALUE CAT2-VALUE CAT3-VALUE">
...
</div>

所以我可以用同位素轻松过滤它。我的单选按钮输出所有CAT1，CAT2和CAT3值，它们返回值“.CATX-VALUE”

我的js是这样的

$('.filters').on( 'click', 'input', function() {

    var filterValue = this.value;       

    $grid.isotope({ filter:  filterValue });
  });

问题是，一旦在第二个无线电块中再次点击，显然旧的过滤器被删除，防止多个过滤器！有没有办法，不使用全局变量来存储过滤器值，以过滤“CAT1-VALUE和CAT2-VALUE”？

非常感谢您的帮助！