jquery - 4 つの div のうち、表示されている div を見つけます

Question

jQuery を使用して、4 つの可能な div からどの div が表示されているかを把握する必要があります。一度に表示されるのは、これらの div の 1 つだけです。

これは私がこれまでのところうまくいくものです：

$("#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")すると、コードの目的がより適切に反映されます。