데이터 속성이 모든 요소와 동일한 요소 선택

Question

jQuery를 사용하여 요소를 표시하거나 숨기고 데이터 속성 값을 '모두 표시'(예 : [data-country*="anything"]) 또는 데이터 특성이 'country'이고 같음을 any로 지정해야합니다 값.

필자는 두 개의 필터 목록 (국가 및 유형)을 클릭하여 필터 값을 배열에 추가했습니다.

$("section.collaborator[data-country*='" + countryTog.join("'][data-country*='") + "'][data-collaborator_type*='" + collaborator_typeTog.join("'][data-collaborator_type*='") + "']").show('fast'); 

내가 위의 추측으로 와일드 카드 역할을 내 배열에 추가 할 수있는 값이 : 그럼 두 배열은 .show()에 그 값을 포함하는 데이터 ATTR있는 모든 항목을 결합된다? 내 선택이처럼 보이는 형 필터 메뉴에서 국가 필터 메뉴와 '아티스트'에 '아일랜드'를 치면 :

예를 들어

$(".collaborator[data-country*='ireland'][data-collaborator_type*='partner']").show(); 

내가으로 다른 국가를 추가하는 경우 또는는 것 믹스 볼과 같은 :

$("section.collaborator[data-country*='*'][data-collaborator_type*='artist']").show(); 

: 나는 마우스가 조금 나는 현재 얻을 국가 필터 메뉴에서 '모든'버튼을 명중하고 있다면 지금

$("section.collaborator[data-country*='ireland'][data-country*='united-kingdom'][data-collaborator_type*='partner']").show(); 

다음은 data-country'[anything]'과 data-type='artist'의 모든 항목에 대한 것입니다.

데이터 속성의 존재 여부를 쿼리 할 수도 있지만이 경우 값을 전달해야합니다.

Answer 1

특정 데이터 속성이있는 모든 요소를 ​​선택하고 그 값이 무엇인지 신경 쓰지 않으려면 [data-attribute]을 등호없이 사용하십시오. 특정 국가를 원하지만 예술가 만 사용하려는 경우 $('[data-country][data-type="artist"]')