如果只有一行,如何隐藏整个表格

时间:2014-06-24 22:40:41

标签: jquery html-table

我有下面的示例表,有时它有内容,但有时候没有。

如何使用jquery,如果没有td(或者只有1行tr)我会隐藏整个表格?

example 1:
<table>
<tr><th>some title</th></tr>
</table>

example 2:
<table>
<tr><th>some title</th></tr>
<tr><td>some content</td></tr>
</table>

我试过了,但似乎没有工作。

$('table').each(function() {
    if ($(this).find('td:empty').length) $(this).remove();
});​

3 个答案:

答案 0 :(得分:5)

更改为:

<强> JS

$('table').each(function() {
    if($(this).find('tr').children("td").length < 1) {
        $(this).hide();
    }
});

fiddle

你想隐藏你的桌子?如果是,我建议使用hide()导致remove(),从DOM中删除该元素。

答案 1 :(得分:3)

 var len = $('#yourTable tr');
 if(len.length>1){
  $('#yourTable').show();  
 } else {
  $('#yourTable').hide();   
 }

示例:HERE

答案 2 :(得分:0)

$('table').each(function() {
    if ( $(this).find('td').length < 1 || $(this).find('td').is(':empty') ) {
       $(this).hide();
    }
});

示例:http://jsfiddle.net/BX46H/1/