当TBody tr为空时删除TFoot

时间:2016-05-03 09:08:07

标签: jquery html css

我有一个带有页眉,正文和页脚的表格。当我的桌子是空的时候,我也需要隐藏我的桌面。

我的代码:

$("#tid tfoot tr").html("");

1 个答案:

答案 0 :(得分:1)

试试这个:

<TABLE id="myTable">
<THEAD>
     <TR> <TD>..HEADER.. </TD> </TR>
</THEAD>
<TBODY>
     <TR> <TD>...first row... </TD> </TR>
     <TR> <TD>...second row... </TD> </TR>
     <TR> <TD>...third row... </TD> </TR>
</TBODY>
<TFOOT>
     <TR> <TD>..FOOTER.. </TD> </TR>
</TFOOT>
</TABLE>


<script type="text/javascript"> 
$( document ).ready(function() {
  if(!$.trim($("#myTable tbody").html())) { // check if empty
    document.getElementById("myTable").deleteTFoot(); // delete footer
  } 
});
</script>