使用fliter.js的多个ID选择器

Question

Now i have two divs with different id ( #filter1 , #filter2 ). I want the selection inside div ( .tags ) can change the result of ( #filter1 , #filter2 ) at the same time.

I have tried to use multiple id selector, but seems cannot work.

$(function(){
$('#filter1, #filter2').filter();
});

additionally, i would like to set while i selected D1, the multiple selection of D2 will be disabled it can just switch the option from D1 to D2 if i click D2 (as they are in the same catagory)

DEMO

i am a beginner on js, hope can get help from you

many thanks

Answer 1

You can achieve this by using "each()". See following script:

$("#filter1,#filter2").each(function(){
    $(this).filter();
});

Answer 2

So to disable using multiple selectors, you can get it by this:

$("#filter1,#filter2").each(function(){
    $(this).attr('disabled','disabled');
});

Select the check if it is useful to you ;)