jQuery：隐藏内部没有可见div的div

Question

我有休闲的标记：

<div class="container">
    <div style="display:none">1</div>
    <div style="display:none">2</div>
    <div style="display:none">3</div>
</div>
<div class="container">
    <div style="display:none">1</div>
    <div>2</div>
    <div style="display:none">3</div>
</div>
<div class="container">
    <div>1</div>
    <div>2</div>
    <div style="display:none">3</div>
</div>

<div class="container">
    <div style="display:none">1</div>
    <div style="display:none">2</div>
    <div style="display:none">3</div>
    <div style="display:none">4</div>
</div>

如何使用jQuery选择器隐藏所有类“ container”的div，而这些类仅在其中包含隐藏的div？ 在给定的情况下，这将是第一和第四。

$(document).ready(function() {
    // how to hide all the divs with class 'container' that have no visible divs inside?
});

参见jsfiddle上的标记： http : //jsfiddle.net/tfY58/

谢谢！

Answer 1

像这样：

$('.container:not(:has(:visible))')