将多个过滤器应用于对象的最佳方法

Question

我在一些具有多个数据属性的元素上构建过滤器。即形状和颜色。

Here is a fiddle of the listeners

    $('#colour input').on('change', function(e) {
                data = ($('input[name="myRadio"]:checked', '#colour').val());

                filter(data);
                console.log(secondfilter);
                e.preventDefault();
            });

    $('#shape input').on('change', function(e) {
               from = ($('input[name="myRadio"]:checked', '#shape').val());

               filter(from);
               console.log(secondfilter);
               e.preventDefault();
            });

我需要结合听众，但我不确定最好的方法是什么。

我尝试过组合选择器，即＆＃39;方形红色＆＃39;但是没有“红色＆＃39; .square红色＆＃39;”的类。我需要过滤＆＃39; .square＆＃39;和＆＃39; .red＆＃39;。

对不起，如果这还不够清楚！

提前感谢任何帮助/指示。

Answer 1

你可以这样试试：

Please attach screenshots

这是the updated demo