javascript-如果行包含空列,则将其隐藏

我的表有几行,每行有两列,第一列将保留标题,第二列将具有各自的值.有时,右侧的单元格可能没有值,因此仅具有标题..没有值..我可以将标题隐藏在左侧没有值的单元格中,也可以隐藏整行本身.

我想出了这个,但是没有用..

    $('.EventDetail tr').each(function(){      
        if(!$('td:not(:empty)',this).length)         
        $(this).hide();
}); 

这是桌子.我想知道标签是否有所作为.或其中一个拥有一类,而另一个没有..那会导致它不起作用吗？

<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>

因此没有停车提示信息,因此我想隐藏包含标题“停车提示”的左侧单元格.

解决方法:

我认为这会起作用：

$('.EventDetail tr').has('td:nth-child(2):empty').hide()

您可以在jsFiddle上尝试.

标签：html-table,cell,row,javascript,jquery
来源： https://codeday.me/bug/20191201/2083760.html