找出四个 div 中可见的 div

Question

我需要使用 jQuery 找出四个可能的 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") 可以更好地体现代码的目的。