如果其中一列是空的，則隱藏行

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