2009-07-18 3 views
2

나는 항상 두 개의 클래스가있는 요소가 있습니다하나 이상의 CSS 클래스가 있어야하는 요소를 선택하는 방법은 무엇입니까?

<p class="general_description laptop"> 
<p class="images laptop"> 
<p class="specs laptop"> 

한 클래스가 항목을 설명 (노트북)과 기타 (general_description, 이미지, 사양)의 상태를 설명하는 페이지 요구 항목에 관한 세 가지 유형의 정보 중 하나를 제시해야합니다.

셀렉터의 두 클래스가 모두있는 경우에만 <p> 요소를 표시하거나 숨길 수 있습니까? 나는 단지 specslaptop 클래스 모두에 해당하는 <p> 요소를 표시 할 경우

예를 들어, 내가이 일을 시도했지만 작동하지 않습니다 :

$(".specs .laptop").show(); 

답변

4

$ ("사양. .laptop "). show();

또는

당신이 JQuery와의 is() 기능을 사용할 수 있습니다. 그것은 선택을 소요하고 요소가 준수 여부를 알려줍니다

$(".specs").is(".laptop"); //returns true if the element has the laptop class 
+0

당신이 $ ('. specs.laptop') 선택이 작동하는지 확인 있습니까? – SolutionYogi

+1

확실히 작동 할 것입니다. 거의 모든 경우에 jQuery에서 완전히 지원 한 표준 CSS 2 선택기입니다. – jason

+0

믿지 않으면 http://docs.jquery.com/Selectors/class#classclass를 참조하십시오. – jason

1

IIRC, 그것이 :

$(".specs").filter(".laptop").show() 
1

은 클래스 이름 사이의 공간을 제거하십시오.

$(".specs.laptop").show(); 

참조 : jQuery

+0

Thx, 나는이 진술을 결코 깨닫지 못한다. – xandy