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选择器隐藏内部只有隐藏div的类'容器'的所有div？在给定的情况下，这将是第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))')

Jquery：隐藏里面没有可见div的div

1 个答案: