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

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();

工作演示

替代解决方案

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

工作演示