Рисунок div, который виден из четырех divs

Question

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

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

$("#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") лучше отражает цель кода.