클래스 이름이 배열에 포함되어있는 경우 클래스별로 div를 숨기는 필터

Question

이전 질문의 단순화 된 버전. UI 멀티 셀렉터 위젯을 사용하여 클래스별로 제품을 필터링하고 있습니다. 클래스에 체크 된 체크 박스 값과 일치하는 값이 포함 된 경우에만 제품이 표시됩니다. 하나의 확인란 만 선택하면 쉽게 완료됩니다.

문서는 모든이를 사용하여 상자를 확인의 내가 값을 매핑 할 수 있습니다 말한다 :

var checkedValues = $("select").multiselect("getChecked").map(function(){ 
    return this.value; 
}).get(); 

어떻게 제외한 모든 제품을 숨길 수있는 클래스가 일치하는 배열에 적어도 하나 개의 값의 하나의? 그것은 가능한가? 이것은 작동하지 않습니다 :

$('.main article, .error').hide(); 
$('.main article[class*=' + checkedValues + ']).show(); 

Answer 1

한 편리한 방법은 클래스 목록을 가지고 당신처럼 코드를 매우 쉽게 할 수

.class1, .class2, .class3, .etc 

의 형태로 CSS 선택기를 구성하는 것입니다 귀하의 예 및 Array.join :

var selector = $("select").multiselect("getChecked") 
       .map(function(){return "." + this.value; }) 
       .get() 
       .join(); 

그런 다음 jQuery를이 무거운 수행하도록 할 수 있습니다

:

을

$('.main article').filter(selector).show();