jquery - 1 つの子要素が表示されている要素のすべての ID を見つける方法

Question

div.collapse が表示されている div.A のすべての id を取得する方法、例:

<div class="A">
   <div id="1"></div>
   <div class="collapse"></div>
</div>
<div class="A">
   <div id="2"></div>
   <div class="collapse" style="display:none"></div>
</div>
<div class="A">
   <div id="3"></div>
   <div class="collapse"></div>
</div>

ID 1と3を取得する必要があります。

Answer 1

おそらく最も簡潔な方法ではありませんが、

$('div.A div.collapse:visible').siblings('div').each(function(){
    console.log($(this).attr('id'));
});

あなたが投稿した例でうまくいくでしょう。

Answer 2

$("div.A > div:最初の子 ~ .collapse:visible");

ワーキングフィドル

これにより、.collapse:visible である兄弟を持つ (div.A の最初の子) が選択されます。jsfiddle は div にテキストをスローします。

Answer 3

試す：

$('div.A div.collapse:visible').siblings('div').each(function() {
    console.log($(this).attr('id'))
})​

jsFiddle の例。