4개의 div 중 보이는 div를 알아보세요.

Question

jQuery를 사용하여 4개의 가능한 div 중에서 어떤 div가 표시되는지 파악해야 합니다.주어진 시간에 해당 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") 코드의 목적을 더 잘 반영할 것입니다.