如何查找具有一个子元素的元素的所有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').siblings('div').each(function() {
    console.log($(this).attr('id'))
})​

<强> jsFiddle example

Answer 3

$（“div.A＆gt; div：first-child~.collapse：visible”）;

工作fiddle

这将选择（div.A的第一个孩子），其兄弟是.collapse：visible。 jsfiddle在div中抛出一些文本。