Tìm ra div hiển thị trong bốn divs

Question

Tôi cần tìm ra div nào có thể nhìn thấy trong bốn div có thể sử dụng jQuery. Chỉ một trong những div đó sẽ hiển thị tại bất kỳ thời điểm nào.

Đây là những gì tôi có mà làm việc cho đến nay:

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

Có cách nào để cấu trúc lại này? Có cách nào dễ dàng hơn để tìm ra điều này?

Answer 1

Gán cùng lớp với nhau div thì:

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

Answer 2

Khi áp dụng, nó tốt hơn để sử dụng bộ chọn theo ngữ cảnh chứ không phải thêm các lớp giả mạo. Ví dụ: nếu các thành phần <div> là con duy nhất của một phần tử có id="foo", thì việc sử dụng $("#foo > div:visible").attr("id") sẽ phản ánh tốt hơn mục đích của mã.