Определите div, который виден из четырех div

Question

Мне нужно выяснить, какой div виден из четырех возможных div с помощью jQuery.Только один из этих элементов будет виден в любой момент времени.

Это то, что у меня есть, что работает до сих пор:

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

Есть ли способ провести рефакторинг этого?Есть ли более простой способ разобраться в этом?

Answer 1

Затем назначьте один и тот же класс каждому div:

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

Answer 2

Когда это применимо, лучше использовать контекстные селекторы, а не добавлять ложные классы.Например, если <div> элементы являются единственными дочерними элементами элемента с id="foo", затем используя $("#foo > div:visible").attr("id") это лучше отражало бы назначение кода.