如果其中一列为空，则使用 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 选择器查找带有 no< 的元素/strong> 子节点。如果可能那里有空格，但您仍然认为它是空的，请尝试诸如...

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

jsFiddle。