jquery - 如何隐藏包含空单元格的行

Question

对于下表，第2行( tr class="row2" )下的所有单元格都是空的，如何检查单元格为空的行并仅隐藏( display: none )它？

<table>
<tr class="row1">
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr class="row2">
<td></td>
<td></td>
<td></td>
</tr>
...
<tr class="row100">
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>

Answer 1

使用以下 jQuery 脚本，您将循环遍历所有表行，检查所有列并查看其中是否有不为空的列。

如果没有一个不为空，它将隐藏该行。

$('table tr').each(function(){

    var hide = true;
    $('td',this).each(function(){

        if($(this).html() != '')
            hide = false;

    });

    if(hide)
        $(this).hide();

});

对不起，它应该是.html()而不是.val()

这是一个 jsfiddle 示例:http://jsfiddle.net/dYkLg/

这里实际上是一个较短的版本，它的工作原理是 检查空列的数量是否等于该行中的列总数 直接检查行中是否有任何非空列当前行:

$('table tr').each(function(){

    if(!$('td:not(:empty)',this).length)
        $(this).hide();

});

感谢 Tom Hubbard 的更新

使用 jsfiddle: http://jsfiddle.net/dYkLg/2/