JQuery에서 특정 뷰 상태에있는 요소에만 어떻게 작용할 수 있습니까?

Question

몇 가지 작업을 수행해야하는 클래스가 있지만 현재 표시된 클래스의 요소에 대해서만 작업을 수행하려고합니다..

이

$(".pie").click(function() 
{  
    $(".pie").hide; 
}); 

(토글이 : 만 현재 숨겨져있는 것들에 따라 행동 현재 표시되는 요소에 영향을하고 있지하려는 반면

예를 들어

,이 코드는 pie 클래스의 모든 요소를 ​​숨 깁니다 여기 내가 찾고있는 것이 아닙니다)

Answer 1

:visible pseudo-selector을 사용할 수 있습니다.

그래서 이런 식으로 뭔가 :

는

$(".pie").click(function() 
{  
    $(".pie:visible").hide; 
}); 

Answer 2

또 다른 옵션은 기능하고 눈에 보이는 선택이다 사용하는 것입니다. 선택기에 익숙하지 않은 다른 사람들이 사람이 읽을 수 있기 때문에 동일하거나 동일하지만 is 함수를 좋아합니다. 다음은 예입니다.

$(".pie").click(function() 
{  
if ($(".pie").is(':visible')){ 
    $(".pie").hide; 
} 
});