如果其中一列为空，则隐藏行

Question

我有一个表，每行有两行，有两列，第一列是标题或主题，右列是它们的值。如果右列是空的，我需要隐藏相应的行，整行本身带有标题。如何在jquery中做到这一点？

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

Answer 1

试试这个

$('.EventDetail tr').filter(function(){
   return $(this).find('td:eq(1):empty').length > 0;
}).hide();

正在使用 demo

替代解决方案

$('.EventDetail tr').find('td:eq(1):empty').parent().hide();

正在使用 demo