jQuery, check classes against array

Question

The title of this question may be misleading, but I could not think of a better way to word it.

Let me get to the point. I am using buttons to filter a table of statuses. If I have button A and button B active, I only want to display A and B, the rest are hidden. Currently I can only have it display either A or B, not both.

var aSelected = [];
$(".admin_view #filterTable tr td button").on("click", function() {
    $(this).toggleClass("selected"); //class to show user button is active
    //Add to array if not in already
    if ($.inArray(this.id,aSelected) == -1) {
        aSelected.push(this.id);
    //Remove from array if button is not active
    } else if ($.inArray(this.id,aSelected) >= 0) {
        aSelected.splice(aSelected.indexOf(this.id), 1);
    }
    //Show all if array is empty
    if (!aSelected.length) {
        $(".admin_view #applicantTable tbody tr").each(function() {
            $(".admin_view #applicantTable tbody tr").removeClass("hidden");
        });
    }
    //This is the section I need help with
    $.map(aSelected, function(a) {
        $(".admin_view #applicantTable tbody tr").not("."+a).addClass("hidden");
        $(".admin_view #applicantTable tbody tr."+a).removeClass("hidden");
    });
});

I need to find a way to compare against the entire array, not against one piece.

Jan Schär · Accepted Answer · 2015-09-05 18:11:48Z

1

Currently, you hide all other elements for every item in aSelected, instead of only at the beginning. If you instead first hide everything and then show the elements you want, it should work:

//This is the section I need help with
$(".admin_view #applicantTable tbody tr:not(.hidden)").addClass("hidden");
$.map(aSelected, function(a) {
    $(".admin_view #applicantTable tbody tr.hidden."+a).removeClass("hidden");
});

answered Sep 5, 2015 at 18:11

Jan Schär

8286 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shaazaam Over a year ago

I had a feeling it was simply an issue with my logic. This answer works perfectly, thank you.

Collectives™ on Stack Overflow

jQuery, check classes against array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related