Question

我正在为结果页面制作过滤器选项。我有一些东西可以正常使用一个过滤器但是当点击其他过滤器时它会出错。问题是，当您过滤颜色和大小时，即使彩色过滤器具有该大小，它也会显示颜色行和大小行。

这是过滤器javascript：

<script>
$(document).ready(function() {

    $("input:checkbox").on('click', function () {
        var showAll = true;
        $('.resuts_show_hide').hide();
        $('input[type=checkbox]:checked').each(function () {
            showAll = false;    
            $("[data-row-" + $(this).data('type') + "=" + $(this).val() + "]").parent().show();
        });
        if(showAll){
            $('.resuts_show_hide').show();
        }
    });

});
</script>

所以我想让我们这样做：

$("[data-row-" + $(this).data('type') + "=" + $(this).val() + "]**:visible**").parent().show();

但是这没有选择，因为当点击一个复选框时它总是会隐藏所有行，然后显示匹配的行。当一个checkgox过滤器被激活时工作正常，但是当第二个过滤器被激活时，他应该只通过可见的过滤器进行过滤，但是这个javascript没有选项。

任何人都有这方面的解决方案，所以也可以进行多重过滤？

创造了一个小提琴：http://jsfiddle.net/m9jrn5bq/。

jQuery结果过滤多个过滤器

0 个答案: