jquery - 当 TBody tr 为空时移除 TFoot

Question

我有一个包含页眉、正文和页脚的表格。当我的表体为空时，我还需要隐藏我的表页脚。

我的代码:

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

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