仅隐藏具有相同css类的空表

时间:2014-11-04 02:19:22

标签: javascript jquery

所以我搜索了这个论坛并点击了几乎所有与我的问题相关的链接,所以如果我错过了一个关于这个的公然帖子我道歉。这是我的情况。我有一些动态生成的表都具有相同的css类(他们必须为我隐藏它们的复选框)。问题是我想要隐藏那些没有任何数据的表,但要显示那些表。我拼凑了一些代码,但如果其中一个表为空,我最终会隐藏所有具有相同CSS类的表。我说空了,但他们都至少有一个td,我在数,如果它只有一个td来隐藏桌子。

这是我目前的代码......

<script type="text/javascript">
    $(document).ready(function () {
        $('.devTable').each(function (i) {
            //select all tds in this column
            var tds = $(this).parents('.devTable')
                     .find('tr td:nth-child(' + (i + 1) + ')');
            if (tds.length <= 1) {
                $(this).parent().hide();
            }
        })
    });
</script> 

我知道这很简单,我很想念。

1 个答案:

答案 0 :(得分:0)

可以使用filter()。我的基础是这个班级的任何表格,不超过一个<td>

$('.devTable').filter(function(){
     return $(this).find('td').length <=1;
}).hide();

参考:filter() API Docs