javascript - 如果其中一列为空，则使用 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();

js小提琴。

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

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

js小提琴。