Comment pouvez-vous agir uniquement sur les éléments qui se trouvent dans un état d'affichage particulier dans JQuery?

Question

J'ai une classe dont j'ai besoin pour effectuer certaines actions mais Je veux seulement effectuer l'action sur les éléments de la classe qui sont actuellement affichés.

Par exemple, ce code se cache tous les éléments de la pie classe, alors que je ne veux que pour effectuer les éléments qui sont actuellement affichés et ne pas agir sur ceux qui sont actuellement cachées:

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

(bascule est pas ce que je cherche ici)

Answer 1

Vous pouvez utiliser le :visible pseudo-selector.

donc quelque chose comme ceci:

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

Answer 2

Une autre option est d'utiliser la fonction est, puis le sélecteur visible. Soit ou fait la même chose mais j'aime la fonction est parce que c'est plus humain lisible par d'autres qui ne sont peut-être pas très familiers avec les sélecteurs. Voici un exemple:

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