Trying to use jQuery filter() with an array

Question

I have a group of checkboxes that when clicked add an attribute to an array. The problem is i want to filter through links that have a specific attribute that i just added to that array.

So i have an array that could have ["filter-F_0", "filter-F_1"] etc... Now the code below only works if only one checkbox is clicked so my array would be ["filter-F_0], but once there are more i'm lost. Should i be doing this in a loop instead?

var arr = filterArray.join(",")

$(".appLink").filter("[" + arr + "]").css({
                        borderColor : 'red',
                        borderWidth : '1px',
                        borderStyle : 'solid'
                    });

I set up a simple example below to hopefully help explain what i am trying to do

http://jsfiddle.net/QCeXV/21/

because the selector [filter-F_0,filter-F_0] is invalid

Arun P Johny
– Arun P Johny

2013-12-31 02:16:02 +00:00
Commented Dec 31, 2013 at 2:16 — Arun P Johny
– Arun P Johny, Commented Dec 31, 2013 at 2:16
You could use classes too, like in this example.

Ja͢ck
– Ja͢ck

2013-12-31 02:33:32 +00:00
Commented Dec 31, 2013 at 2:33 — Ja͢ck
– Ja͢ck, Commented Dec 31, 2013 at 2:33

Arun P Johny · Accepted Answer · 2013-12-31 02:19:12Z

1

looks like you are looking for a or condition based filter. Now you are creating a filter condition like [filter-F_0,filter-F_0] which is invalid instead you might need [filter-F_0], [filter-F_0]. so try

var arr = $.map(filterArray, function (val) {
    return '[' + val + ']'
}).join(",")

answered Dec 31, 2013 at 2:19

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

Bardsworth Over a year ago

is there a ":not" version to the filter? '$(".appLink").filter(":not"+arr).css()'

Arun P Johny Over a year ago

@Bardsworth you can use .not() instead of .filter() like $(".appLink").not(arr)

Bill Forney · Accepted Answer · 2013-12-31 02:22:28Z

1

I'd suggest using this instead: http://blog.stevensanderson.com/2013/12/03/knockout-projections-a-plugin-for-efficient-observable-array-transformations/

It lets you filter an observable and as you change your selection it will update the view. It might be a better approach than handling it manually yourself.

But just to clarify, you use filter like this:

return this.products().filter(function(product) {
    return product.isSelected();
});

Where this.products() is an array of objects and the function you pass in takes an item (product) from the array and returns true/false whether it is included in the output of the filter function. What you're doing is looping inside that function to see if the current row's filters array has the value.

$.map() is similar in function to filter() as mentioned in another answer...

answered Dec 31, 2013 at 2:22

Bill Forney

7968 silver badges16 bronze badges

1 Comment

Bardsworth Over a year ago

I like where this is going, and in my next endeavors i will probably proceed down this path. Thanks for the info!

Collectives™ on Stack Overflow

Trying to use jQuery filter() with an array

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related