如何使用jQuery以“AND”方式过滤结果

时间:2016-12-06 22:08:17

标签: jquery html

请问您如何以“AND”方式或交集方式过滤jQuery?仅在满足所有条件时返回true。我有几个复选框,只需显示与所有选中复选框完全匹配的产品。

我找到了以下代码,但它类似于过滤器的“OR”条件。

$(document).ready(function(){
    $('.category').on('change', function(){
      var category_list = [];
      $('#filters :input:checked').each(function(){
        var category = $(this).val();
        category_list.push(category);
      });

      if(category_list.length == 0)
        $('.product').fadeIn();
      else {
        $('.product').each(function(){
          var item = $(this).attr('data-tag');
          var itemarr = item.split(',');
          $this = $(this);
          var showItem=false;
          $.each(itemarr,function(ind,val){
            if(jQuery.inArray(val,category_list) > -1){

              $this.fadeIn('slow');
              return false;
            }
            else
              $this.hide();
          });
        });
      }   
    });
  }); 

0 个答案:

没有答案