jquery - 如何查找具有一个子元素的元素的所有 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 示例。

Answer 3

$("div.A > div:first-child ~ .collapse:visible");

工作小提琴

这将选择（div.A 的第一个孩子）具有 .collapse:visible 的兄弟姐妹。jsfiddle 在 div 中抛出一些文本。