Wie können Sie nur auf die Elemente einwirken, die sich in JQuery in einem bestimmten Ansichtszustand befinden?

Question

Ich habe eine Klasse, für die ich einige Aktionen ausführen muss, aber Ich möchte nur die Aktion für die Elemente der Klasse ausführen, die derzeit angezeigt werden.

Zum Beispiel verbirgt sich dieser Code alle Elemente der pie Klasse, während ich will nur die Elemente bewirken, die zur Zeit gezeigt werden und nicht auf diejenigen wirken, die zur Zeit versteckt sind:

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

(Knebel nicht das, was ich hier suche)

Answer 1

Sie könnten die :visible pseudo-selector verwenden.

So etwas wie folgt aus:

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

Answer 2

Eine weitere Option ist die Funktion ist, und dann die sichtbare Selektor zu verwenden. Entweder oder macht dasselbe, aber ich mag die is-Funktion, weil sie für andere besser lesbar ist, die mit Selektoren nicht besonders vertraut sind. Hier ist ein Beispiel:

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