通过传递复选框值属性jQuery来影响DOM元素(Affect DOM elements by passing checkbox value attribute jQuery)

 我正在尝试通过选中复选框来更改div的属性值。 我试图通过将复选框值传递给函数来制作某种过滤器并过滤掉div 。 复选框是在id中使用id browse_options动态添加的。 
 
<div subcategory='1'></div>
<div subcategory='2'></div>
<div subcategory='3'></div>

<input class="filter_checkbox" type="checkbox" value="1">
<input class="filter_checkbox" type="checkbox" value="2">
<input class="filter_checkbox" type="checkbox" value="3">
 
 我的jQuery代码，基本上我试图循环输入然后div但是我现在不能让它工作几个小时所以我被困住了，任何帮助都会受到赞赏。 
 
$('#browse_options').on("change", ".filter_checkbox", function(){
  $('.filter_checkbox').each(function (index, checkbox){
    if($(checkbox).prop('checked')){
      $('div#results>div.item.filter').each(function (index, card){
        if($(checkbox).attr('value') != $(card).attr('subcategory')){
          $(card).removeAttr('style');
          $(card).css('display','none');
        } else {
          $(card).removeAttr('style');
          $(card).addClass('filter2');
        }
      });
    }
  });
});

I'm trying to change attribute values of div by checking checkboxes. I'm trying to make some kind of filter and filter out div by passing checkbox value to the function. Checkboxes are added dynamically in div with id browse_options.
 
<div subcategory='1'></div>
<div subcategory='2'></div>
<div subcategory='3'></div>

<input class="filter_checkbox" type="checkbox" value="1">
<input class="filter_checkbox" type="checkbox" value="2">
<input class="filter_checkbox" type="checkbox" value="3">
 
My jQuery code, essentially I'm trying to loop through inputs and then div but I can't get it to work for few hours now so I'm stuck and any help would be appreciated.
 
$('#browse_options').on("change", ".filter_checkbox", function(){
  $('.filter_checkbox').each(function (index, checkbox){
    if($(checkbox).prop('checked')){
      $('div#results>div.item.filter').each(function (index, card){
        if($(checkbox).attr('value') != $(card).attr('subcategory')){
          $(card).removeAttr('style');
          $(card).css('display','none');
        } else {
          $(card).removeAttr('style');
          $(card).addClass('filter2');
        }
      });
    }
  });
});

原文：https://stackoverflow.com/questions/22809735