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>

Как скрыть все элементы div с классом 'container', в которых есть только скрытые элементы div, с помощью селекторов jQuery? В данном случае это будут 1-й и 4-й.

$(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))')