TBodyが空のときに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>