Figure div div qui est visible sur quatre divs

Question

J'ai besoin de comprendre ce que div est visible sur quatre divs possibles en utilisant jQuery. Une seule de ces div sera visible à tout moment.

C'est ce que je qui fonctionne jusqu'à présent:

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

est-il un moyen de factoriser cela? Y a-t-il un moyen plus facile de comprendre cela?

Answer 1

Assignez la même classe à chaque div alors:

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

Answer 2

Le cas échéant, il est préférable d'utiliser des sélecteurs contextuels plutôt que d'ajouter des classes parasites. Par exemple, si les éléments <div> sont les seuls enfants d'un élément avec id="foo", l'utilisation de $("#foo > div:visible").attr("id") refléterait mieux l'objectif du code.