HTML & JavaScript (jQuery) filtering using simple script

Question

I have this small script I'm trying to get working on my webpage, its supposed to filter a bunch of programming videos I'm linking to by running a small and simple javascript as shown below. I want to improve it by making so that it doesen't show the result unless ALL REQUIREMENTS are met. In example if I filter on 'python' and 'easy', i only want results that fits BOTH of those requirements. I hope i made myself understood and I also do believe its a rather simple fix.. Please take a quick look at the code below and respond as fast as possible :)

http://jsfiddle.net/uNAXC/

Did not understand. Why can't you use Javascript conditional operators (&& for AND, || for OR, ~ for NOT)? — Jay
– Jay, Commented Jul 13, 2012 at 23:16

Jeroen · Accepted Answer · 2012-07-13 23:14:27Z

2

You should first 'build' your filter, and then apply it.

$('div.tags').delegate('input:checkbox', 'change', function()
{
     var $lis = $('.results > li').hide();
     var filter = '';

     //For each one checked
     $('input:checked').each(function()
     {
          filter += '.' + $(this).attr('rel');
     });

     $lis.filter(filter).show();
    console.log(filter);
}).find('input:checkbox').change();

answered Jul 13, 2012 at 23:14

Jeroen

1,6383 gold badges24 silver badges50 bronze badges

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

Comments

NSF · Accepted Answer · 2012-07-13 23:19:32Z

0

You need to have a string storing your selector filter, then use it:

http://jsfiddle.net/uNAXC/2/

I put a div inside so you can see the actual selector string

answered Jul 13, 2012 at 23:19

NSF

2,5596 gold badges32 silver badges57 bronze badges

Collectives™ on Stack Overflow

HTML & JavaScript (jQuery) filtering using simple script

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related