Scopri il div visibile tra quattro div

Question

Devo capire quale div è visibile tra quattro possibili div utilizzando jQuery.Solo uno di questi div sarà visibile in un dato momento.

Questo è quello che ho che funziona finora:

$("#FeatureImage1:visible, #FeatureImage2:visible, #FeatureImage3:visible, #FeatureImage4:visible").attr("id");

C'è un modo per rifattorizzarlo?C'è un modo più semplice per capirlo?

Answer 1

Assegna la stessa classe a ciascun div quindi:

$("div.myClass:visible").attr("id");

Answer 2

Quando applicabile, è meglio utilizzare selettori contestuali piuttosto che aggiungere classi spurie.Ad esempio, se il <div> gli elementi sono gli unici figli di un elemento con id="foo", quindi utilizzando $("#foo > div:visible").attr("id") rifletterebbe meglio lo scopo del codice.