如果高度为0，Javascript将隐藏div中的每个元素

Question

我正在寻找一种方法，如果元素的高度为 0，则隐藏 div(用类或 id 标记)中的每个元素(设置为 display:none)。

示例。隐藏 elem1 和 elem4

<div class="container">
    <ul id="elem1" style="height:0"> ... </ul>
    <ul id="elem2" style="height:50"> ... </ul>
    <ul id="elem3" style="height:40"> ... </ul>
    <ul id="elem4" style="height:0"> ... </ul>
    <ul id="elem5" style="height:60"> ... </ul>
</div>

请帮忙

Answer 1

试试这个尺寸:

.container ul[style="height:0"] {
    display: none;
}

演示:http://jsfiddle.net/qwertynl/yBJEe/

<小时/>

无论 : 后面是否有空格，以下内容都将起作用:

.container ul[style~="0"], .container ul[style="height:0"] {
    display: none;
}

演示:http://jsfiddle.net/qwertynl/yBJEe/3/