Question

我当前正在制作由多个条件过滤的作业过滤器。该过滤器将通过多个位置，办公室，职务和部门选择进行过滤，然后显示过滤的结果。我正在尝试使用jQuery

我试图创建一个过滤结果的对象，并根据我的选择显示这些结果。我能够向对象添加选择，但是在显示结果时遇到问题。我正在从greenhosue.io API中检索数据。

数据看起来像这样

0: {
departments: [{id: 4022543002, name: "Finance & Accounting", child_ids: [], parent_id: 4021463002}]
education: "education_optional"
id: 4148719002
internal_job_id: 4143742002
location: {name: "Ottawa, Ontario"}
metadata: [{id: 4080224002, name: "Province", value: "Ontario", value_type: "single_select"}]
offices: [{id: 4007650002, name: "National Access Cannabis", location: "ON-Toronto",…},…]
title: "Accounting Coordinator"
updated_at: "2019-01-03T09:32:03-05:00"

jQuery('body').on('click', 'input[type="checkbox"]', function () {


        jQuery(this).on('change', function(){
            filters[this.id] = jQuery(this).attr('data-value');
            console.log('change', filters);
            filteredResults();
        });



       function filteredResults() {
            jQuery('.eachJob').each(function() {
                var isMatch = true, 
                    $cont = jQuery(this),
                    container_data = $cont.data();
               // console.log("data", container_data)

                jQuery.each(container_data, function(key, value) {

                    if (filters[key] && filters[key] != value) {
                        isMatch = false;
                        return false; 
                    }
                });

                $cont[isMatch ? 'fadeIn' : 'fadeOut']('fast');
            });
        }
    });

我能够将选定的数据放入filteredresults对象中，但无法显示该对象中的内容

通过多个条件过滤我的JSON响应时出现问题

0 个答案: