jquery筛选多个选择

我正在为一个网站设计一个过滤系统，通过该系统可以过滤产品，只显示那些被选中的产品。我有以下工作模式：

 $(function() {
        var selectedClass = "";
        $(".category").click(function(){ 
        selectedClass = $(this).attr("data-rel"); 
     $(".products").fadeTo(100, 0.1);
        $(".products .all").not("."+selectedClass).fadeOut().removeClass('show');
    setTimeout(function() {
      $("."+selectedClass).fadeIn().addClass('show');
      $(".products").fadeTo(300, 1);
    }, 300); 

    });
});

项目使用列表进行过滤，数据rel仅选择已分配类的项目。这一切都很好，但我现在需要通过一个以上的选择过滤项目。我希望用户能够从一个列表中选择两个选项，但我只希望选项显示符合这两个条件

例如，如果我有诸如“红色”、“绿色”和“蓝色”以及“方形”、“圆形”和“三角形”之类的项目，我希望用户能够选择“红色”和“方形”，并且结果只显示与这两个选择匹配的项目，而不是与这两个选择匹配的所有项目

---

如有任何帮助，我们将不胜感激。

看看您能否提供一些帮助。它讨论了对多个数据属性进行过滤，这与我认为您正在寻找的内容类似。这是正确的，但在选择中是特定的。我需要一个解决方案，该解决方案可以在不特定的情况下工作，因为我需要用户选择要添加或删除的内容。您有可以共享的html示例吗？是

。类别

a按钮？当然可以，例如选择器如下所示：