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

【问题标题】：hide row if one of the columns is empty如果其中一列为空，则隐藏行
【发布时间】：2011-12-16 05:32:31
【问题描述】：

我有一个表格，每行有几行，每行有两列，左第一列是标题或主题，右列是它们的值。如果右列是空的，我需要隐藏相应的行，整行本身带有标题。在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>

【问题讨论】：

标签： jquery hide row

【解决方案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

【讨论】：