如果其中一个列使用CSS为空,则隐藏表行

Question

可能重复:
如果行包含空列,则隐藏行

可以使用CSS隐藏此表中包含空单元格的行.我已经尝试过jQuery并且它现在不能正常工作..这是我使用的,它没有做任何事情!

$('.EventDetail tr').each(function(){      
    if ($('td:empty',this).length > 0))
    $(this).hide();
});

这个jQuery没有什么不对,有吗？我想看看我们能否display:none为选定的行做些什么？是否可以使用CSS实现？

<table cellpadding="10" class ="EventDetail">
    <tr>
        <td class="TableFields"><em>Who Should Enroll?:</em></td>
        <td>Everyone 18 and older who would like to attend</td>
    </tr>       
    <tr>
        <td class="TableFields"><em>Handicapped Access:</em></td>
        <td>Yes</td>
    </tr>
    <tr>
        <td class="TableFields"><em>Parking Notes:</em></td>
        <td></td>
    </tr>
    <tr>
        <td class="TableFields"><em>Instructor:</em></td>
        <td>John Filler</td>
    </tr>
</table>

Answer 1

这个选择器应该这样做......

$('.EventDetail tr:has(td:empty)').hide();

jsFiddle.

该:empty选择查找的元素没有子节点.如果有可能你可能有空格,但你仍然认为它是空的,尝试诸如......

$('.EventDetail tr').filter(function() {
    return $(this).find('td').filter(function() {
      return ! $.trim($(this).text());  
    }).length;
}).hide();

jsFiddle.