显示骨干js过滤器

我有一个带过滤器的项目集合。过滤器是基于几个复选框应用的。如果用户选择不同的月份（刷新项目），则项目集合会发生更改。

我的方法是在每个项目上循环，然后如果该项目是匹配的，则对该项目应用过滤器。显示项目或隐藏项目。这种方法在加载期间适用于当前月份，但当选择另一个月份时，将执行循环，如果条件评估为false，则仍执行该条件。我知道这个条件是false，因为当我在条件上放置断点时，我可以在控制台中看到该语句的求值结果为false。即使为false，下一步也会进入条件。

这是代码。

render: function() {
                display = this.model.get('display');
                filters = this.model.get('filters');

                //Check each class for filter parameters
                items.forEach(function (cla) {
                    //reset all items
                    $("#" + cla.id).parent().removeClass('matches');
                    $("#" + cla.id).parent().removeClass('noMatches');

                    //Get all filters
                    var hasCredit = "credits";
                    var hasLocation = "location";
                    var hasStarttime = "starttime";
                    var hasAreaOfStudy = "areaOfStudy";
                    var hasSpecialty = "specialty";
                    var hasEventCode = "eventcode";
                    var hasFormat = "format";
                    var itemFilters = [];
                    if (filters.inputs.length == 0) {
                        $("#" + cla.id).parent().addClass('matches');
                    } else {
                        //Loop over each filter
                        filters.inputs.forEach(function (el) {

                            //Check credit filter
                            if (el.name == 'credits') {
                                if (cla.credits.trim() == el.value) {
                                    itemFilters.push(hasCredit);
                                }
                            } else if (el.name == 'specialty') {
                                if (jQuery.inArray(el.value.trim(), cla.specialty) !== -1) {
                                    itemFilters.push(hasSpecialty);
                                }
                            } else if (el.name == 'areaOfStudy') {
                                if (jQuery.inArray(el.value, cla.areaOfStudy) !== -1) {
                                    itemFilters.push(hasAreaOfStudy);
                                }
                            } else if (el.name == 'starttime') {
                                if (cla.starttime.trim() == el.value) {
                                    itemFilters.push(hasStarttime);
                                }
                            } else if (el.name == 'location') {
                                if (cla.location.trim() == el.value) {
                                    itemFilters.push(hasLocation);
                                }
                            } else if (el.name == 'eventcode') {
                                if (cla.id.trim() == el.value.trim()) {
                                    itemFilters.push(hasEventCode);
                                }
                            } else if (el.name == 'format') {
                                if (cla.format == el.value) {
                                    itemFilters.push(hasFormat);
                                }
                            }
                        });
                        var isInputFilterMatch = applyInputFilter(filters.inputs, itemFilters);
                        //All non matching filters get a noMatch css classed applied to be hidden
                        if (isInputFilterMatch) {
                            $("#" + cla.id).parent().addClass('matches');
                        } else {
                            $("#" + cla.id).parent().addClass('noMatches');
                        }
                    }
                });
                //Hide and show all matches and non matches
                $('.noMatches').hide();
                $('.matches').show();
                $('#main_main_MainContent_CpeCalendar').parent('.hidden-results').show();
                // shifted over to apply this after the items are set
                jQuery_1_4_2(".modal[href], .modal a[href]").colorbox();
                return this;    
            }