Выяснить 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") будет лучше отражать назначение кода.